모바일 - 아이디 찾기/비밀번호 초기화
This commit is contained in:
현성필
@@ -8192,6 +8192,7 @@ select.form-control {
|
||||
box-shadow: 0 8px 24px rgba(75, 155, 255, 0.15);
|
||||
z-index: 501;
|
||||
transition: all 0.3s ease;
|
||||
background-color: #0049b4;
|
||||
}
|
||||
.api-mobile-toggle:hover {
|
||||
transform: scale(1.05);
|
||||
@@ -8965,7 +8966,6 @@ select.form-control {
|
||||
}
|
||||
.login-form .form-input {
|
||||
width: 100%;
|
||||
max-width: 335px;
|
||||
height: 44px;
|
||||
padding: 0 16px;
|
||||
font-size: 14px;
|
||||
@@ -8995,7 +8995,6 @@ select.form-control {
|
||||
}
|
||||
.login-button {
|
||||
width: 100%;
|
||||
max-width: 335px;
|
||||
height: 44px;
|
||||
font-size: 16px;
|
||||
font-weight: 700;
|
||||
@@ -9223,12 +9222,6 @@ select.form-control {
|
||||
.account-recovery-form .form-input.error {
|
||||
border-color: #ed5b5b;
|
||||
}
|
||||
@media (max-width: 576px) {
|
||||
.account-recovery-form .form-input {
|
||||
height: 50px;
|
||||
font-size: 16px;
|
||||
}
|
||||
}
|
||||
.account-recovery-form .form-select {
|
||||
height: 60px;
|
||||
padding: 0 40px 0 20px;
|
||||
@@ -9268,12 +9261,6 @@ select.form-control {
|
||||
padding: 12px;
|
||||
font-size: 16px;
|
||||
}
|
||||
@media (max-width: 576px) {
|
||||
.account-recovery-form .form-select {
|
||||
height: 50px;
|
||||
font-size: 16px;
|
||||
}
|
||||
}
|
||||
|
||||
.phone-input-group {
|
||||
display: flex;
|
||||
@@ -9515,33 +9502,6 @@ select.form-control {
|
||||
max-width: 100%;
|
||||
}
|
||||
}
|
||||
@media (max-width: 576px) {
|
||||
.account-recovery-logo {
|
||||
width: 70px;
|
||||
height: 70px;
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
.account-recovery-form .form-group {
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
.account-recovery-form .form-label {
|
||||
font-size: 14px;
|
||||
margin-bottom: 8px;
|
||||
}
|
||||
.account-recovery-form .form-input,
|
||||
.account-recovery-form .form-select {
|
||||
height: 60px;
|
||||
padding: 0 20px;
|
||||
font-size: 15px;
|
||||
}
|
||||
.auth-request-button,
|
||||
.auth-verify-button {
|
||||
margin-top: 12px;
|
||||
}
|
||||
.account-recovery-card .form-actions, .account-recovery-card .form-actions-center {
|
||||
margin-top: 24px;
|
||||
}
|
||||
}
|
||||
.account-recovery-result {
|
||||
width: 100%;
|
||||
background: #F6F9FB;
|
||||
@@ -9692,6 +9652,176 @@ select.form-control {
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 768px) {
|
||||
.account-recovery-page {
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
}
|
||||
.account-recovery-container {
|
||||
padding: 20px;
|
||||
}
|
||||
.account-recovery-card {
|
||||
padding: 0;
|
||||
}
|
||||
.account-recovery-tabs .tab-link {
|
||||
height: 40px;
|
||||
padding: 10px 16px;
|
||||
font-size: 14px;
|
||||
font-weight: 700;
|
||||
}
|
||||
.account-recovery-tabs .tab-link:first-child {
|
||||
border-radius: 8px 0 0 0;
|
||||
}
|
||||
.account-recovery-tabs .tab-link:last-child {
|
||||
border-radius: 0 8px 0 0;
|
||||
}
|
||||
.account-recovery-form {
|
||||
padding: 20px;
|
||||
border-radius: 0 0 8px 8px;
|
||||
}
|
||||
.account-recovery-form .form-group {
|
||||
flex-direction: column;
|
||||
align-items: stretch;
|
||||
gap: 8px;
|
||||
margin-bottom: 16px;
|
||||
}
|
||||
.account-recovery-form .form-label {
|
||||
width: 100%;
|
||||
font-size: 14px;
|
||||
font-weight: 500;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
.account-recovery-form .form-input {
|
||||
flex: none;
|
||||
width: 100%;
|
||||
height: 40px;
|
||||
padding: 0 16px;
|
||||
font-size: 12px;
|
||||
border-radius: 8px;
|
||||
}
|
||||
.account-recovery-form .form-input::placeholder {
|
||||
color: #8c959f;
|
||||
}
|
||||
.account-recovery-form .form-select {
|
||||
height: 40px;
|
||||
padding: 0 32px 0 12px;
|
||||
font-size: 12px;
|
||||
border-radius: 8px;
|
||||
background-position: right 10px center;
|
||||
}
|
||||
.phone-input-group {
|
||||
flex-wrap: wrap;
|
||||
gap: 8px;
|
||||
align-items: center;
|
||||
width: 100%;
|
||||
}
|
||||
.phone-input-group .phone-prefix {
|
||||
flex: 1;
|
||||
min-width: 0;
|
||||
width: auto;
|
||||
}
|
||||
.phone-input-group .phone-middle,
|
||||
.phone-input-group .phone-last {
|
||||
flex: 1;
|
||||
min-width: 0;
|
||||
width: auto;
|
||||
}
|
||||
.phone-input-group .phone-separator {
|
||||
display: flex;
|
||||
width: auto;
|
||||
height: auto;
|
||||
background: transparent;
|
||||
font-size: 12px;
|
||||
color: #000;
|
||||
}
|
||||
.phone-input-group .phone-separator::before {
|
||||
content: "-";
|
||||
}
|
||||
.auth-input-group {
|
||||
width: 100%;
|
||||
}
|
||||
.auth-input-group .auth-input {
|
||||
width: 100%;
|
||||
padding-right: 60px;
|
||||
}
|
||||
.auth-input-group .auth-timer {
|
||||
font-size: 12px;
|
||||
right: 12px;
|
||||
}
|
||||
.auth-request-button,
|
||||
.auth-verify-button {
|
||||
width: 100%;
|
||||
height: 40px;
|
||||
padding: 10px;
|
||||
font-size: 14px;
|
||||
font-weight: 700;
|
||||
border-radius: 8px;
|
||||
margin-top: 8px;
|
||||
}
|
||||
.account-recovery-card .form-actions, .account-recovery-card .form-actions-center {
|
||||
flex-direction: row;
|
||||
gap: 21px;
|
||||
margin-top: 24px;
|
||||
padding: 24px 0;
|
||||
}
|
||||
.account-recovery-card .form-actions .cancel-button, .account-recovery-card .form-actions-center .cancel-button,
|
||||
.account-recovery-card .form-actions .submit-button,
|
||||
.account-recovery-card .form-actions-center .submit-button {
|
||||
flex: 1;
|
||||
min-width: 144px;
|
||||
height: 40px;
|
||||
font-size: 14px;
|
||||
font-weight: 700;
|
||||
border-radius: 8px;
|
||||
}
|
||||
.account-recovery-card .form-actions .cancel-button, .account-recovery-card .form-actions-center .cancel-button {
|
||||
background: #e5e7eb;
|
||||
color: #5f666c;
|
||||
}
|
||||
.account-recovery-card .form-actions .submit-button, .account-recovery-card .form-actions-center .submit-button {
|
||||
background: #0049b4;
|
||||
color: #ffffff;
|
||||
}
|
||||
.account-recovery-result {
|
||||
padding: 30px 20px;
|
||||
border-radius: 0 0 8px 8px;
|
||||
}
|
||||
.account-recovery-result .result-header {
|
||||
margin-bottom: 24px;
|
||||
}
|
||||
.account-recovery-result .result-header .result-icon {
|
||||
font-size: 40px;
|
||||
margin-bottom: 16px;
|
||||
}
|
||||
.account-recovery-result .result-header .result-title {
|
||||
font-size: 18px;
|
||||
margin-bottom: 8px;
|
||||
}
|
||||
.account-recovery-result .result-header .result-description {
|
||||
font-size: 14px;
|
||||
}
|
||||
.found-users-list {
|
||||
margin-bottom: 24px;
|
||||
}
|
||||
.found-users-list .found-user-item {
|
||||
padding: 16px;
|
||||
border-radius: 8px;
|
||||
margin-bottom: 8px;
|
||||
}
|
||||
.found-users-list .found-user-item .user-email {
|
||||
font-size: 16px;
|
||||
}
|
||||
.found-users-list .found-user-item .user-date {
|
||||
font-size: 12px;
|
||||
}
|
||||
.result-info-box {
|
||||
border-radius: 8px;
|
||||
padding: 12px 16px;
|
||||
}
|
||||
.result-info-box .info-text {
|
||||
font-size: 12px;
|
||||
}
|
||||
}
|
||||
.signup-selection-page {
|
||||
min-height: calc(100vh - 140px);
|
||||
display: flex;
|
||||
|
||||
Reference in New Issue
Block a user