refactor: simplifica e moderniza a tela de login
This commit is contained in:
@@ -242,6 +242,8 @@ body {
|
||||
justify-content: center;
|
||||
gap: 10px;
|
||||
padding: 1rem;
|
||||
backdrop-filter: blur(5px);
|
||||
border-radius: 12px;
|
||||
}
|
||||
|
||||
.alert i {
|
||||
@@ -249,29 +251,29 @@ body {
|
||||
}
|
||||
|
||||
.alert-success {
|
||||
background-color: #28a745;
|
||||
background: rgba(40, 167, 69, 0.95);
|
||||
color: white;
|
||||
}
|
||||
|
||||
.alert-danger {
|
||||
background-color: #dc3545;
|
||||
background: rgba(220, 53, 69, 0.95);
|
||||
color: white;
|
||||
}
|
||||
|
||||
.alert-warning {
|
||||
background-color: #ffc107;
|
||||
background: rgba(255, 193, 7, 0.95);
|
||||
color: #333;
|
||||
}
|
||||
|
||||
.alert-info {
|
||||
background-color: #17a2b8;
|
||||
background: rgba(23, 162, 184, 0.95);
|
||||
color: white;
|
||||
}
|
||||
|
||||
/* Animações para feedback */
|
||||
@keyframes fadeIn {
|
||||
from { opacity: 0; transform: translateY(-10px); }
|
||||
to { opacity: 1; transform: translateY(0); }
|
||||
from { opacity: 0; transform: translate(-50%, -20px); }
|
||||
to { opacity: 1; transform: translate(-50%, 0); }
|
||||
}
|
||||
|
||||
.alert {
|
||||
|
||||
Reference in New Issue
Block a user