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:
parent
b8297f9be6
commit
c6ebf9627b
@ -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 {
|
||||||
|
|||||||
@ -59,7 +59,11 @@ async function handleLocation(path: string) {
|
|||||||
}
|
}
|
||||||
|
|
||||||
await new Promise(requestAnimationFrame);
|
await new Promise(requestAnimationFrame);
|
||||||
injectHeader();
|
|
||||||
|
// Don't inject header for account page (it has its own design)
|
||||||
|
if (path !== 'account') {
|
||||||
|
injectHeader();
|
||||||
|
}
|
||||||
|
|
||||||
// const modalService = await ModalService.getInstance()
|
// const modalService = await ModalService.getInstance()
|
||||||
// modalService.injectValidationModal()
|
// modalService.injectValidationModal()
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user