diff --git a/resources/css/app.css b/resources/css/app.css index 8413264..9823b0e 100644 --- a/resources/css/app.css +++ b/resources/css/app.css @@ -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; }