feat: implement initial login UI and entry logic

This commit is contained in:
2026-06-01 16:23:23 +09:00
parent 9cd5d59bf8
commit 7d3d5ef281
3 changed files with 165 additions and 2 deletions

View File

@@ -9,6 +9,7 @@
<link rel="stylesheet"
href="https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/variable/pretendardvariable.min.css" />
<link rel="stylesheet" href="/src/styles/common.css" />
<link rel="stylesheet" href="/src/styles/login.css" />
<link rel="stylesheet" href="/src/styles/guide.css" />
<link rel="stylesheet" href="/src/styles/modal.css" />
<link rel="stylesheet" href="/src/styles/dashboard.css" />
@@ -18,7 +19,32 @@
</head>
<body>
<div class="app-layout">
<!-- Login Screen -->
<div id="login-container" class="login-layout">
<div class="login-card">
<div class="login-header">
<img src="/image 92.png" alt="Logo" class="login-logo" />
<h2>ITAM 시스템</h2>
<p>자산 관리 포털에 오신 것을 환영합니다</p>
</div>
<form id="login-form" class="login-form">
<div class="form-group">
<label for="username">사용자 아이디</label>
<input type="text" id="username" placeholder="아이디를 입력하세요" required autofocus />
</div>
<div class="form-group">
<label for="password">비밀번호</label>
<input type="password" id="password" placeholder="비밀번호를 입력하세요" required />
</div>
<button type="submit" class="btn-login">로그인</button>
</form>
<div class="login-footer">
<p>&copy; 2026 BARON Consultant Co,Ltd. All rights reserved.</p>
</div>
</div>
</div>
<div class="app-layout" id="app-layout" style="display: none;">
<!-- Single-Line Integrated Header -->
<header class="main-header">
<div class="header-container" id="nav-container">