feat: Alterações visuais
This commit is contained in:
parent
eecb51f521
commit
54e7be3f8f
|
|
@ -144,44 +144,20 @@ @layer components {
|
|||
@apply transition-colors;
|
||||
}
|
||||
|
||||
/* 9. Estilizando as mensagens de erro (x-session-messages) */
|
||||
.messages {
|
||||
@apply flex justify-center mb-4;
|
||||
}
|
||||
|
||||
.messages div[role="alert"] {
|
||||
/* Assumindo que seu componente renderiza um div */
|
||||
@apply bg-red-500/50 text-white p-3 rounded-md border border-red-700 text-sm;
|
||||
}
|
||||
|
||||
/* --- FIM DOS ESTILOS DE LOGIN --- */
|
||||
|
||||
/* 9. Estilizando as mensagens de erro (x-session-messages) */
|
||||
.messages {
|
||||
@apply flex justify-center mb-4;
|
||||
|
||||
/* 1. MUDANÇA: Usando "vidro branco" (como o card)
|
||||
em vez de "vidro vermelho".
|
||||
*/
|
||||
@apply bg-white/10 backdrop-blur-md;
|
||||
/* 'md' para um borrão mais forte */
|
||||
|
||||
/* 2. MUDANÇA: Borda sutil de "vidro" */
|
||||
@apply border border-white/10;
|
||||
|
||||
/* 3. NOVO: Sombra para "flutuar" */
|
||||
@apply shadow-lg rounded-lg;
|
||||
|
||||
/* 4. MUDANÇA: A cor do erro agora está no texto.
|
||||
'text-red-200' (ou 300) tem ótimo contraste
|
||||
no fundo de ondas.
|
||||
*/
|
||||
@apply text-red-300 font-semibold p-4 text-sm;
|
||||
}
|
||||
|
||||
/* Classes antigas genéricas (podem ser usadas em outros lugares) */
|
||||
.container {
|
||||
/* Deixe APENAS as classes de largura, margem e padding */
|
||||
@apply w-full mx-auto px-4 sm:px-6 lg:px-8 mt-15 mb-10;
|
||||
}
|
||||
|
||||
|
|
|
|||
Loading…
Reference in New Issue