MadJax
f3465e04d2
- Onboarding : redirection automatique vers /register lorsqu'aucun compte n'existe (première utilisation), au lieu d'afficher la page de connexion. - Carte Leaflet en production : import normalisé (Leaflet est CommonJS, l'API pouvait se retrouver sous .default en build prod -> échec d'initialisation). Nettoyage du marqueur _leaflet_id du conteneur pour que « Réessayer » fonctionne après un échec. Logs d'erreur explicites en cas d'échec d'import/init. - Mise en page : layout applicatif en flex pleine hauteur (nav de hauteur naturelle, <main> occupe le reste et défile si besoin) sans étirer les vues courtes. La vue Trajets occupe l'espace restant (height:100%) sans scrollbar de page : seule la liste défile. Reset global (body margin 0, box-sizing border-box) supprimant la scrollbar de page parasite. - Centrage uniforme des pages : ajout de margin:0 auto aux vues profil, véhicules, barème, résumé mensuel/annuel et montants réglés (comme trajets et carnet). Builds backend (solution) et frontend (production) OK.
94 lines
1.3 KiB
SCSS
94 lines
1.3 KiB
SCSS
.profil {
|
|
padding: 1.5rem;
|
|
max-width: 640px;
|
|
margin: 0 auto;
|
|
}
|
|
|
|
h1 {
|
|
font-size: 1.4rem;
|
|
margin-bottom: 1rem;
|
|
}
|
|
|
|
.champ {
|
|
display: flex;
|
|
flex-direction: column;
|
|
margin-bottom: 1rem;
|
|
}
|
|
|
|
.champ label {
|
|
font-weight: 600;
|
|
margin-bottom: 0.25rem;
|
|
}
|
|
|
|
.champ input {
|
|
padding: 0.5rem;
|
|
border: 1px solid #bbb;
|
|
border-radius: 6px;
|
|
font-size: 0.95rem;
|
|
}
|
|
|
|
.aide {
|
|
color: #777;
|
|
margin-top: 0.25rem;
|
|
}
|
|
|
|
.erreur {
|
|
color: #c62828;
|
|
margin-top: 0.25rem;
|
|
}
|
|
|
|
.champ-adresse {
|
|
position: relative;
|
|
}
|
|
|
|
.suggestions {
|
|
list-style: none;
|
|
margin: 0.25rem 0 0;
|
|
padding: 0;
|
|
border: 1px solid #ccc;
|
|
border-radius: 6px;
|
|
background: #fff;
|
|
max-height: 220px;
|
|
overflow-y: auto;
|
|
position: absolute;
|
|
top: 100%;
|
|
left: 0;
|
|
right: 0;
|
|
z-index: 20;
|
|
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12);
|
|
}
|
|
|
|
.suggestions li button {
|
|
display: block;
|
|
width: 100%;
|
|
text-align: left;
|
|
padding: 0.5rem;
|
|
border: none;
|
|
background: transparent;
|
|
cursor: pointer;
|
|
font-size: 0.9rem;
|
|
}
|
|
|
|
.suggestions li button:hover {
|
|
background: #f0f4ff;
|
|
}
|
|
|
|
.actions {
|
|
margin-top: 1rem;
|
|
}
|
|
|
|
.btn-principal {
|
|
padding: 0.55rem 1.25rem;
|
|
background: #1565c0;
|
|
color: #fff;
|
|
border: 1px solid #1565c0;
|
|
border-radius: 6px;
|
|
cursor: pointer;
|
|
font-size: 0.95rem;
|
|
}
|
|
|
|
.btn-principal:disabled {
|
|
opacity: 0.55;
|
|
cursor: not-allowed;
|
|
}
|