로그인화면디자인 수정,로고변경

6 months ago · 1ea51b700c
parent e41fa7ba18
commit 1ea51b700c
4 changed files with 45 additions and 38 deletions
--- a/src/main/webapp/WEB-INF/jsp/include/top.jsp
+++ b/src/main/webapp/WEB-INF/jsp/include/top.jsp
@ -3,7 +3,14 @@
 <%-- Navbar --%>
 <nav id="layout-navbar" class="layout-navbar navbar navbar-expand-xl bg-navbar-theme bg-primary justify-content-between">
 	<div class="navbar-nav">
-		<a onclick="wctx.home();" style="font-weight: bold; font-size: 1.2rem;"><b>${appName}</b></a>
+		<a onclick="wctx.home();" style="font-weight: bold; font-size: 1.2rem;">
+			<img
+				src="<c:url value="/resources/img/design/logo.png"/>"
+				class="img-fluid w-5"
+				style="width:6%;"
+				alt="Login image"
+				/>
+		</a>
 	</div>
 	<div class="navbar-nav navbar-dropdown dropdown-user dropdown">
 		<div class="avatar d-flex flex-row" data-bs-toggle="dropdown">
--- a/src/main/webapp/WEB-INF/jsp/login.jsp
+++ b/src/main/webapp/WEB-INF/jsp/login.jsp
@ -1,31 +1,28 @@
 <%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8" isELIgnored="false" session="false"%>
 <%@ include file="/WEB-INF/jsp/include/taglib.jsp"%>
 <jsp:include page="/WEB-INF/jsp/include/head.jsp" />
+
 <body>
 	<!-- Content -->
-
-    <div class="authentication-wrapper authentication-cover">
-      <div class="authentication-inner row m-0">
+    <div class="authentication-wrapper authentication-cover d-flex justify-content-center align-items-center h-px-800">
+      <div class="d-flex col-lg-5 col-xl-6 shadow" style="border: 0px solid red; background-color: #fff;">
          <!-- /Left Text -->
-        <div class="d-none d-lg-flex col-lg-7 col-xl-8 align-items-center p-5">
-          <div class="w-100 d-flex justify-content-center">
+        <div class=""  style="">
          <img
-              src="<c:url value="/resources/img/illustrations/boy-with-rocket-light.png"/>"
+            src="<c:url value="/resources/img/design/login_B.png"/>"
            class="img-fluid"
            alt="Login image"
-              width="700"
+            style="height: 630px !important;"
            data-app-dark-img="illustrations/boy-with-rocket-dark.png"
            data-app-light-img="illustrations/boy-with-rocket-light.png"
          />
        </div>
-        </div>
        <!-- /Left Text -->
-
        <!-- Login -->
-        <div class="d-flex col-12 col-lg-5 col-xl-4 align-items-center authentication-bg p-sm-5 p-4" style="background-color:white;">
+        <div class="d-flex col-12 col-lg-5 col-xl-6 align-items-center mx-2 px-3 h-px-600" style="letter-spacing: -0.6px;">
          <div class="w-px-400 mx-auto">
            <!-- Logo -->
-            <div class="app-brand mb-5">
+<%--            <div class="app-brand mb-5">
              <a href="index.html" class="app-brand-link gap-2">
                <span class="app-brand-logo demo">
                  <svg
@ -84,10 +81,10 @@
                </span>
                <span class="app-brand-text demo text-body fw-bolder">XIT Base Example</span>
              </a>
-            </div>
+            </div>--%>
            <!-- /Logo -->
-            <h4 class="mb-2">반갑습니다, XIT Base입니다. 👋</h4>
-            <p class="mb-4">이 사이트는 XIT Base로 만든 예제 사이트 입니다.</p>
+      <%--      <h4 class="mb-2">반갑습니다, XIT Base입니다. 👋</h4>
+            <p class="mb-4">이 사이트는 XIT Base로 만든 예제 사이트 입니다.</p>--%>

            <div id="formAuthentication" class="mb-3">
              <div class="mb-3">
@ -107,12 +104,15 @@
                </div>
              </div>

-              <button class="btn btn-primary d-grid w-100" onclick="login();">로그인</button>
+              <button class="btn btn-primary d-grid w-100" style="letter-spacing: -0.6px;" onclick="login();">로그인</button>
            </div>

          </div>
        </div>
        <!-- /Login -->
+
+      </div>
+
      </div>
    </div>

--- a/src/main/webapp/resources/img/design/login_B.png
+++ b/src/main/webapp/resources/img/design/login_B.png
--- a/src/main/webapp/resources/img/design/logo.png
+++ b/src/main/webapp/resources/img/design/logo.png