Новый изменения в компоенты
This commit is contained in:
parent
95e8a20625
commit
1ad2f8da0d
4 changed files with 25 additions and 21 deletions
|
|
@ -121,13 +121,13 @@ import { SITE_URL } from '@constants';
|
|||
.auth-card {
|
||||
background: #ffffff;
|
||||
border-radius: 16px;
|
||||
padding: 2rem;
|
||||
padding: 1rem 1.25rem;
|
||||
box-shadow: 0 10px 40px rgba(0, 0, 0, 0.1);
|
||||
}
|
||||
|
||||
.auth-header {
|
||||
text-align: center;
|
||||
margin-bottom: 2rem;
|
||||
margin-bottom: 1rem;
|
||||
}
|
||||
|
||||
.auth-header h1 {
|
||||
|
|
@ -144,7 +144,7 @@ import { SITE_URL } from '@constants';
|
|||
}
|
||||
|
||||
.form-group {
|
||||
margin-bottom: 1.5rem;
|
||||
margin-bottom: 1rem;
|
||||
}
|
||||
|
||||
.form-group label {
|
||||
|
|
@ -157,7 +157,7 @@ import { SITE_URL } from '@constants';
|
|||
|
||||
.form-group input {
|
||||
width: 100%;
|
||||
padding: 0.75rem 1rem;
|
||||
padding: 0.5rem 0.6rem;
|
||||
border: 1px solid #e2e8f0;
|
||||
border-radius: 8px;
|
||||
font-size: 0.95rem;
|
||||
|
|
@ -173,7 +173,8 @@ import { SITE_URL } from '@constants';
|
|||
.error-message {
|
||||
color: #ef4444;
|
||||
font-size: 0.8rem;
|
||||
margin-top: 0.25rem;
|
||||
min-height: 0.75rem;
|
||||
margin-top: 0.15rem;
|
||||
display: block;
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -231,13 +231,13 @@ const error = Astro.url.searchParams.get('error');
|
|||
.auth-card {
|
||||
background: #ffffff;
|
||||
border-radius: 16px;
|
||||
padding: 2rem;
|
||||
padding: 1rem 1.25rem;
|
||||
box-shadow: 0 10px 40px rgba(0, 0, 0, 0.1);
|
||||
}
|
||||
|
||||
.auth-header {
|
||||
text-align: center;
|
||||
margin-bottom: 2rem;
|
||||
margin-bottom: 1rem;
|
||||
}
|
||||
|
||||
.auth-header h1 {
|
||||
|
|
@ -275,7 +275,7 @@ const error = Astro.url.searchParams.get('error');
|
|||
}
|
||||
|
||||
.form-group {
|
||||
margin-bottom: 1.5rem;
|
||||
margin-bottom: 1rem;
|
||||
}
|
||||
|
||||
.form-group label {
|
||||
|
|
@ -283,7 +283,7 @@ const error = Astro.url.searchParams.get('error');
|
|||
color: #1e3050;
|
||||
font-size: 0.875rem;
|
||||
font-weight: 600;
|
||||
margin-bottom: 0.5rem;
|
||||
margin-bottom: 0.2rem;
|
||||
}
|
||||
|
||||
.form-group .hint {
|
||||
|
|
@ -294,7 +294,7 @@ const error = Astro.url.searchParams.get('error');
|
|||
|
||||
.form-group input {
|
||||
width: 100%;
|
||||
padding: 0.75rem 1rem;
|
||||
padding: 0.5rem 0.6rem;
|
||||
border: 1px solid #e2e8f0;
|
||||
border-radius: 8px;
|
||||
font-size: 0.95rem;
|
||||
|
|
@ -342,7 +342,8 @@ const error = Astro.url.searchParams.get('error');
|
|||
.error-message {
|
||||
color: #ef4444;
|
||||
font-size: 0.8rem;
|
||||
margin-top: 0.25rem;
|
||||
min-height: 0.75rem;
|
||||
margin-top: 0.15rem;
|
||||
display: block;
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -101,7 +101,7 @@ import { SITE_URL } from '@constants';
|
|||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
padding: 2rem;
|
||||
padding: 6rem 2rem 2rem;
|
||||
}
|
||||
|
||||
.auth-container {
|
||||
|
|
@ -113,7 +113,7 @@ import { SITE_URL } from '@constants';
|
|||
.auth-card {
|
||||
background: #ffffff;
|
||||
border-radius: 16px;
|
||||
padding: 1.5rem 1.5rem;
|
||||
padding: 1rem 1.25rem;
|
||||
box-shadow: 0 10px 40px rgba(0, 0, 0, 0.1);
|
||||
}
|
||||
|
||||
|
|
@ -141,7 +141,7 @@ import { SITE_URL } from '@constants';
|
|||
.auth-form {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 0.5rem;
|
||||
gap: 0.25rem;
|
||||
}
|
||||
|
||||
.form-group {
|
||||
|
|
@ -149,6 +149,8 @@ import { SITE_URL } from '@constants';
|
|||
flex-direction: column;
|
||||
gap: 0.2rem;
|
||||
}
|
||||
gap: 0.2rem;
|
||||
}
|
||||
|
||||
.form-group label {
|
||||
color: #1e3050;
|
||||
|
|
@ -166,7 +168,7 @@ import { SITE_URL } from '@constants';
|
|||
}
|
||||
|
||||
.form-group input {
|
||||
padding: 0.6rem 0.75rem;
|
||||
padding: 0.5rem 0.6rem;
|
||||
border: 1px solid #e2e8f0;
|
||||
border-radius: 8px;
|
||||
font-size: 0.9rem;
|
||||
|
|
@ -238,8 +240,8 @@ import { SITE_URL } from '@constants';
|
|||
.error-message {
|
||||
color: #ef4444;
|
||||
font-size: 0.75rem;
|
||||
min-height: 1rem;
|
||||
margin-top: 0.25rem;
|
||||
min-height: 0.75rem;
|
||||
margin-top: 0.15rem;
|
||||
}
|
||||
|
||||
.form-group input.error {
|
||||
|
|
|
|||
|
|
@ -128,20 +128,20 @@ const userId = Astro.url.searchParams.get('userId');
|
|||
.verify-card {
|
||||
background: #ffffff;
|
||||
border-radius: 16px;
|
||||
padding: 2rem 1.5rem;
|
||||
padding: 1rem 1.25rem;
|
||||
box-shadow: 0 10px 40px rgba(0, 0, 0, 0.1);
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.verify-icon {
|
||||
width: 80px;
|
||||
height: 80px;
|
||||
width: 60px;
|
||||
height: 60px;
|
||||
background: linear-gradient(135deg, #10b981 0%, #059669 100%);
|
||||
border-radius: 50%;
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
margin-bottom: 1.5rem;
|
||||
margin-bottom: 1rem;
|
||||
}
|
||||
|
||||
.verify-icon.success {
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue