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

dev
psy 6 months ago
parent e41fa7ba18
commit 1ea51b700c

@ -3,7 +3,14 @@
<%-- Navbar --%> <%-- Navbar --%>
<nav id="layout-navbar" class="layout-navbar navbar navbar-expand-xl bg-navbar-theme bg-primary justify-content-between"> <nav id="layout-navbar" class="layout-navbar navbar navbar-expand-xl bg-navbar-theme bg-primary justify-content-between">
<div class="navbar-nav"> <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>
<div class="navbar-nav navbar-dropdown dropdown-user dropdown"> <div class="navbar-nav navbar-dropdown dropdown-user dropdown">
<div class="avatar d-flex flex-row" data-bs-toggle="dropdown"> <div class="avatar d-flex flex-row" data-bs-toggle="dropdown">

@ -1,31 +1,28 @@
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8" isELIgnored="false" session="false"%> <%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8" isELIgnored="false" session="false"%>
<%@ include file="/WEB-INF/jsp/include/taglib.jsp"%> <%@ include file="/WEB-INF/jsp/include/taglib.jsp"%>
<jsp:include page="/WEB-INF/jsp/include/head.jsp" /> <jsp:include page="/WEB-INF/jsp/include/head.jsp" />
<body> <body>
<!-- Content --> <!-- Content -->
<div class="authentication-wrapper authentication-cover d-flex justify-content-center align-items-center h-px-800">
<div class="authentication-wrapper authentication-cover"> <div class="d-flex col-lg-5 col-xl-6 shadow" style="border: 0px solid red; background-color: #fff;">
<div class="authentication-inner row m-0">
<!-- /Left Text --> <!-- /Left Text -->
<div class="d-none d-lg-flex col-lg-7 col-xl-8 align-items-center p-5"> <div class="" style="">
<div class="w-100 d-flex justify-content-center">
<img <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" class="img-fluid"
alt="Login image" alt="Login image"
width="700" style="height: 630px !important;"
data-app-dark-img="illustrations/boy-with-rocket-dark.png" data-app-dark-img="illustrations/boy-with-rocket-dark.png"
data-app-light-img="illustrations/boy-with-rocket-light.png" data-app-light-img="illustrations/boy-with-rocket-light.png"
/> />
</div> </div>
</div>
<!-- /Left Text --> <!-- /Left Text -->
<!-- Login --> <!-- 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"> <div class="w-px-400 mx-auto">
<!-- Logo --> <!-- Logo -->
<div class="app-brand mb-5"> <%-- <div class="app-brand mb-5">
<a href="index.html" class="app-brand-link gap-2"> <a href="index.html" class="app-brand-link gap-2">
<span class="app-brand-logo demo"> <span class="app-brand-logo demo">
<svg <svg
@ -84,10 +81,10 @@
</span> </span>
<span class="app-brand-text demo text-body fw-bolder">XIT Base Example</span> <span class="app-brand-text demo text-body fw-bolder">XIT Base Example</span>
</a> </a>
</div> </div>--%>
<!-- /Logo --> <!-- /Logo -->
<h4 class="mb-2">반갑습니다, XIT Base입니다. 👋</h4> <%-- <h4 class="mb-2">반갑습니다, XIT Base입니다. 👋</h4>
<p class="mb-4">이 사이트는 XIT Base로 만든 예제 사이트 입니다.</p> <p class="mb-4">이 사이트는 XIT Base로 만든 예제 사이트 입니다.</p>--%>
<div id="formAuthentication" class="mb-3"> <div id="formAuthentication" class="mb-3">
<div class="mb-3"> <div class="mb-3">
@ -107,12 +104,15 @@
</div> </div>
</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> </div>
</div> </div>
<!-- /Login --> <!-- /Login -->
</div>
</div> </div>
</div> </div>

Binary file not shown.

After

Width:  |  Height:  |  Size: 965 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 52 KiB

Loading…
Cancel
Save