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