feat: Alterações visuais
This commit is contained in:
parent
eecb51f521
commit
54e7be3f8f
|
|
@ -144,44 +144,20 @@ @layer components {
|
||||||
@apply transition-colors;
|
@apply transition-colors;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* 9. Estilizando as mensagens de erro (x-session-messages) */
|
|
||||||
.messages {
|
|
||||||
@apply flex justify-center mb-4;
|
|
||||||
}
|
|
||||||
|
|
||||||
.messages div[role="alert"] {
|
.messages div[role="alert"] {
|
||||||
/* Assumindo que seu componente renderiza um div */
|
/* Assumindo que seu componente renderiza um div */
|
||||||
@apply bg-red-500/50 text-white p-3 rounded-md border border-red-700 text-sm;
|
@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 {
|
.messages {
|
||||||
@apply flex justify-center mb-4;
|
@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;
|
@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;
|
@apply border border-white/10;
|
||||||
|
|
||||||
/* 3. NOVO: Sombra para "flutuar" */
|
|
||||||
@apply shadow-lg rounded-lg;
|
@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;
|
@apply text-red-300 font-semibold p-4 text-sm;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Classes antigas genéricas (podem ser usadas em outros lugares) */
|
|
||||||
.container {
|
.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;
|
@apply w-full mx-auto px-4 sm:px-6 lg:px-8 mt-15 mb-10;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue