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