hyunho/MH-DashBoard-organization
1
0
Fork 0
Code Issues 10 Pull Requests Actions Packages Projects Releases Wiki Activity

로그인 화면 디자인 재구성

Browse Source
This commit is contained in:
hyunho
2026-03-25 10:55:33 +09:00
parent 00ca43e4cd
commit baf47e2e2a
2 changed files with 110 additions and 106 deletions
Download Patch File Download Diff File Expand all files Collapse all files

49
frontend/public/index.html
View File

@@ -11,36 +11,27 @@
</head>
<body>
<section id="login-panel" class="login-screen">
<div class="login-hero">
<p class="eyebrow">MH Dashboard</p>
<h1>조직도를 기준으로<br>메인 화면을 구성합니다.</h1>
<p class="hero-text">
현재는 조직도 모듈이 메인 화면입니다. 이후 다른 기능이 합쳐지더라도
같은 헤더와 같은 화면 체계 안에서 확장될 수 있도록 구조를 먼저 맞춥니다.
</p>
<div class="hero-points">
<span>API 기반 조직 데이터</span>
<span>고정 헤더 구조</span>
<span>확장 가능한 메인 레이아웃</span>
</div>
</div>
<div class="login-backdrop">
<form id="login-form" class="login-card">
<div class="login-brand">
<p class="eyebrow">MH Dash Board</p>
<h1>MH Dash Board</h1>
</div>
<form id="login-form" class="login-card">
<div class="login-card-head">
<p class="eyebrow">Preview Login</p>
<h2>조직도 메인 진입</h2>
</div>
<label>
<span>아이디</span>
<input name="username" type="text" placeholder="예: admin" required>
</label>
<label>
<span>비밀번호</span>
<input name="password" type="password" placeholder="아무 값이나 입력" required>
</label>
<button type="submit">메인 화면 열기</button>
<p id="login-message" class="helper-text">사내망 시연용 임시 로그인입니다.</p>
</form>
<div class="login-form-wrap">
<label>
<span>사번</span>
<input name="username" type="text" placeholder="사번 입력" required>
</label>
<label>
<span>비번</span>
<input name="password" type="password" placeholder="비밀번호 입력" required>
</label>
<button type="submit">로그인</button>
<p id="login-message" class="helper-text"></p>
</div>
</form>
</div>
</section>
<section id="dashboard-panel" class="dashboard-shell hidden">