fix: Suppression du header sur la page account

- Modification du router pour ne pas injecter le header sur la page account
- Page account utilise maintenant tout l'espace disponible
- Design modale complet sans header parasite
- CSS optimisé pour une expérience full-screen
This commit is contained in:
NicolasCantu 2025-10-22 15:51:38 +02:00
parent b8297f9be6
commit c6ebf9627b
3 changed files with 27 additions and 21 deletions

View File

@ -5,21 +5,23 @@
<style> <style>
body { body {
margin: 0; margin: 0;
padding: 20px; padding: 0;
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
min-height: 100vh; min-height: 100vh;
font-family: Arial, sans-serif; font-family: Arial, sans-serif;
overflow-x: hidden;
} }
.account-container { .account-container {
max-width: 900px; max-width: 900px;
margin: 0 auto; margin: 20px auto;
background: rgba(255, 255, 255, 0.95); background: rgba(255, 255, 255, 0.95);
border-radius: 16px; border-radius: 16px;
box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1); box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1);
backdrop-filter: blur(20px); backdrop-filter: blur(20px);
border: 1px solid rgba(255, 255, 255, 0.2); border: 1px solid rgba(255, 255, 255, 0.2);
overflow: hidden; overflow: hidden;
min-height: calc(100vh - 40px);
} }
.account-header { .account-header {

View File

@ -59,7 +59,11 @@ async function handleLocation(path: string) {
} }
await new Promise(requestAnimationFrame); await new Promise(requestAnimationFrame);
// Don't inject header for account page (it has its own design)
if (path !== 'account') {
injectHeader(); injectHeader();
}
// const modalService = await ModalService.getInstance() // const modalService = await ModalService.getInstance()
// modalService.injectValidationModal() // modalService.injectValidationModal()