Улучшена компактность формы регистрации: поля в 2 колонки, уменьшены отступы, добавлена ссылка для входа, исправлена опечатка в help_text

This commit is contained in:
2025-12-02 01:06:58 +03:00
parent 5376869294
commit 43029ab460
3 changed files with 70 additions and 59 deletions

View File

@@ -12,12 +12,12 @@
body {
background: linear-gradient(135deg, #1e293b 0%, #334155 100%);
min-height: 100vh;
padding: 30px 10px;
padding: 20px 10px;
display: flex;
align-items: center;
}
.container {
max-width: 480px;
max-width: 520px;
}
.card {
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
@@ -28,61 +28,64 @@
.card-header {
background: #3b82f6;
color: white;
padding: 1rem 1.25rem;
padding: 0.875rem 1.25rem;
border-bottom: none;
}
.card-header h3 {
font-size: 1.25rem;
font-size: 1.125rem;
font-weight: 600;
margin: 0;
}
.card-header p {
font-size: 0.875rem;
font-size: 0.8rem;
opacity: 0.95;
margin: 0.25rem 0 0 0;
margin: 0.2rem 0 0 0;
}
.card-body {
padding: 1.5rem 1.25rem;
padding: 1.25rem;
}
.form-label {
font-size: 0.875rem;
font-weight: 500;
color: #374151;
margin-bottom: 0.35rem;
margin-bottom: 0.25rem;
}
.form-control, .input-group-text {
font-size: 0.9rem;
padding: 0.5rem 0.75rem;
border-radius: 6px;
font-size: 0.9375rem;
padding: 0.45rem 0.7rem;
border-radius: 5px;
}
.input-group-text {
background: #f3f4f6;
border-left: none;
color: #6b7280;
font-size: 0.875rem;
}
.form-control:focus {
border-color: #3b82f6;
box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1);
}
.form-text {
font-size: 0.8rem;
font-size: 0.75rem;
color: #6b7280;
margin-top: 0.25rem;
margin-top: 0.2rem;
}
.text-danger {
color: #ef4444 !important;
font-size: 0.8125rem;
}
.mb-2 {
margin-bottom: 0.65rem !important;
}
.mb-3 {
margin-bottom: 1rem !important;
}
.mb-4 {
margin-bottom: 1.25rem !important;
margin-bottom: 0.875rem !important;
}
.btn-primary {
background: #3b82f6;
border: none;
font-weight: 500;
padding: 0.625rem 1rem;
font-size: 0.9rem;
padding: 0.5rem 1rem;
border-radius: 6px;
transition: all 0.2s;
}
@@ -93,13 +96,21 @@
}
.alert {
border-radius: 6px;
font-size: 0.9rem;
padding: 0.75rem 1rem;
font-size: 0.85rem;
padding: 0.65rem 0.875rem;
}
small.text-muted {
font-size: 0.8rem;
font-size: 0.8125rem;
color: #6b7280;
line-height: 1.4;
line-height: 1.3;
}
.row {
margin-left: -0.375rem;
margin-right: -0.375rem;
}
.row > * {
padding-left: 0.375rem;
padding-right: 0.375rem;
}
</style>