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:57:23 +09:00
parent baf47e2e2a
commit 3b7ed219df
1 changed files with 12 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

21
frontend/public/styles.css
View File

@@ -102,36 +102,37 @@ a {
} }
.login-brand h1 { .login-brand h1 {
font-size: clamp(3rem, 5vw, 4.8rem); font-size: clamp(2.4rem, 4.2vw, 3.9rem);
line-height: 0.95; line-height: 0.95;
letter-spacing: -0.05em; letter-spacing: -0.05em;
color: #f8fafc; color: #f8fafc;
} }
.login-form-wrap { .login-form-wrap {
padding: 52px 34px; padding: 46px 30px;
display: grid; display: grid;
align-content: center; align-content: center;
gap: 18px; gap: 14px;
background: rgba(15, 23, 42, 0.12); background: rgba(15, 23, 42, 0.12);
} }
.login-card label { .login-card label {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
gap: 8px; gap: 6px;
font-size: 15px; font-size: 13px;
font-weight: 800; font-weight: 800;
color: rgba(255, 255, 255, 0.9); color: rgba(255, 255, 255, 0.9);
} }
.login-card input { .login-card input {
min-height: 54px; min-height: 46px;
border: 1px solid rgba(255, 255, 255, 0.12); border: 1px solid rgba(255, 255, 255, 0.12);
border-radius: 999px; border-radius: 999px;
padding: 14px 20px; padding: 11px 18px;
background: rgba(255, 255, 255, 0.1); background: rgba(255, 255, 255, 0.1);
color: #f8fafc; color: #f8fafc;
font-size: 13px;
outline: none; outline: none;
} }
@@ -158,17 +159,19 @@ a {
} }
.login-card button { .login-card button {
margin-top: 6px; margin-top: 4px;
border: none; border: none;
color: #fff; color: #fff;
background: rgba(31, 41, 55, 0.82); background: rgba(31, 41, 55, 0.82);
box-shadow: 0 14px 30px rgba(15, 23, 42, 0.22); box-shadow: 0 14px 30px rgba(15, 23, 42, 0.22);
min-height: 42px;
font-size: 13px;
} }
.helper-text { .helper-text {
margin: 0; margin: 0;
min-height: 20px; min-height: 20px;
font-size: 13px; font-size: 12px;
color: rgba(248, 250, 252, 0.8); color: rgba(248, 250, 252, 0.8);
} }