fix: cores dos botões
Some checks failed
Deploy QR Rapido / build-and-push (push) Blocked by required conditions
Deploy QR Rapido / deploy-staging (push) Blocked by required conditions
Deploy QR Rapido / deploy-production (push) Blocked by required conditions
Deploy QR Rapido / test (push) Has been cancelled

This commit is contained in:
Ricardo Carneiro 2025-08-21 22:14:39 -03:00
parent 6aafb1d067
commit 07c36eb8cd

View File

@ -106,15 +106,46 @@ body {
.btn-primary { .btn-primary {
background: linear-gradient(135deg, var(--qr-primary) 0%, #0056B3 100%); background: linear-gradient(135deg, var(--qr-primary) 0%, #0056B3 100%);
border: none; border: none;
color: white !important;
transition: all 0.3s ease; transition: all 0.3s ease;
} }
.btn-primary:hover { .btn-primary:hover {
background: linear-gradient(135deg, #0056B3 0%, var(--qr-primary) 100%); background: linear-gradient(135deg, #0056B3 0%, var(--qr-primary) 100%);
color: white !important;
transform: translateY(-1px); transform: translateY(-1px);
box-shadow: 0 4px 12px rgba(0, 123, 255, 0.3); box-shadow: 0 4px 12px rgba(0, 123, 255, 0.3);
} }
/* Botões de login específicos - cores sólidas */
.card-body .btn-danger {
background-color: var(--qr-danger) !important;
background-image: none !important;
border-color: var(--qr-danger) !important;
color: white !important;
}
.card-body .btn-danger:hover {
background-color: #C82333 !important;
background-image: none !important;
border-color: #C82333 !important;
color: white !important;
}
.card-body .btn-primary {
background-color: var(--qr-primary) !important;
background-image: none !important;
border-color: var(--qr-primary) !important;
color: white !important;
}
.card-body .btn-primary:hover {
background-color: #0056B3 !important;
background-image: none !important;
border-color: #0056B3 !important;
color: white !important;
}
/* Form Controls */ /* Form Controls */
.form-control:focus, .form-control:focus,
.form-select:focus { .form-select:focus {
@ -681,11 +712,42 @@ html[data-theme="dark"] {
.btn-primary { .btn-primary {
background-color: #4dabf7 !important; background-color: #4dabf7 !important;
border-color: #4dabf7 !important; border-color: #4dabf7 !important;
color: white !important;
} }
.btn-primary:hover { .btn-primary:hover {
background-color: #3182ce !important; background-color: #3182ce !important;
border-color: #3182ce !important; border-color: #3182ce !important;
color: white !important;
}
/* Botões de login específicos - tema escuro */
.card-body .btn-danger {
background-color: #f56565 !important;
background-image: none !important;
border-color: #f56565 !important;
color: white !important;
}
.card-body .btn-danger:hover {
background-color: #e53e3e !important;
background-image: none !important;
border-color: #e53e3e !important;
color: white !important;
}
.card-body .btn-primary {
background-color: #4dabf7 !important;
background-image: none !important;
border-color: #4dabf7 !important;
color: white !important;
}
.card-body .btn-primary:hover {
background-color: #3182ce !important;
background-image: none !important;
border-color: #3182ce !important;
color: white !important;
} }
/* Body e elementos base */ /* Body e elementos base */
@ -1015,11 +1077,42 @@ html[data-theme="light"] {
.btn-primary { .btn-primary {
background-color: #007bff !important; background-color: #007bff !important;
border-color: #007bff !important; border-color: #007bff !important;
color: white !important;
} }
.btn-primary:hover { .btn-primary:hover {
background-color: #0056b3 !important; background-color: #0056b3 !important;
border-color: #0056b3 !important; border-color: #0056b3 !important;
color: white !important;
}
/* Botões de login específicos - tema claro */
.card-body .btn-danger {
background-color: #dc3545 !important;
background-image: none !important;
border-color: #dc3545 !important;
color: white !important;
}
.card-body .btn-danger:hover {
background-color: #c82333 !important;
background-image: none !important;
border-color: #c82333 !important;
color: white !important;
}
.card-body .btn-primary {
background-color: #007bff !important;
background-image: none !important;
border-color: #007bff !important;
color: white !important;
}
.card-body .btn-primary:hover {
background-color: #0056b3 !important;
background-image: none !important;
border-color: #0056b3 !important;
color: white !important;
} }
/* Generation timer */ /* Generation timer */