Jalil Arfaoui
414843062b
Le callback transmet maintenant le détail de l'erreur (message Supabase) dans le query param auth_error. Un composant AuthErrorBanner dans le layout lit ce param et affiche un bandeau rouge fermable en haut de toutes les pages.
30 lines
443 B
CSS
30 lines
443 B
CSS
.banner {
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
gap: 12px;
|
|
padding: 12px 20px;
|
|
background-color: #fef2f2;
|
|
border-bottom: 2px solid #f21e40;
|
|
color: #991b1b;
|
|
}
|
|
|
|
.message {
|
|
margin: 0;
|
|
font-size: 14px;
|
|
line-height: 1.4;
|
|
}
|
|
|
|
.dismiss {
|
|
background: none;
|
|
border: none;
|
|
font-size: 20px;
|
|
color: #991b1b;
|
|
cursor: pointer;
|
|
padding: 0 4px;
|
|
line-height: 1;
|
|
}
|
|
|
|
.dismiss:hover {
|
|
color: #f21e40;
|
|
}
|