Новый изменения в компоенты

This commit is contained in:
Web-serfer 2026-05-05 22:16:43 +05:00
parent 95e8a20625
commit 1ad2f8da0d
4 changed files with 25 additions and 21 deletions

View file

@ -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;
} }

View file

@ -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;
} }

View file

@ -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 {

View file

@ -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 {