Улучшена компактность формы регистрации: поля в 2 колонки, уменьшены отступы, добавлена ссылка для входа, исправлена опечатка в help_text
This commit is contained in:
@@ -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>
|
||||
|
||||
|
||||
Reference in New Issue
Block a user