feat: Alterações visuais

This commit is contained in:
LukiBeg 2025-11-17 17:23:21 -03:00
parent eecb51f521
commit 54e7be3f8f
1 changed files with 0 additions and 24 deletions

View File

@ -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;
}