diff options
Diffstat (limited to 'frontend/src/pages/AuthPages.svelte')
| -rw-r--r-- | frontend/src/pages/AuthPages.svelte | 11 |
1 files changed, 8 insertions, 3 deletions
diff --git a/frontend/src/pages/AuthPages.svelte b/frontend/src/pages/AuthPages.svelte index 9e56be2..6221368 100644 --- a/frontend/src/pages/AuthPages.svelte +++ b/frontend/src/pages/AuthPages.svelte @@ -166,14 +166,19 @@ <style> .auth-wrap { min-height: 100vh; - display: grid; - place-items: center; + display: flex; + align-items: center; + justify-content: center; padding: 1.5rem; + /* grid place-items center sizes the implicit track to the card's fixed + width so max-width:100% never engaged (375px probe: 47px doc overflow); + flex + min() keeps the resolved card width inside the padded viewport */ + min-width: 0; background: radial-gradient(700px 350px at 85% -60px, rgba(13, 148, 136, 0.08), transparent), var(--bg); } - .auth-card { width: 400px; max-width: 100%; padding: 1.6rem; } + .auth-card { width: min(400px, 100%); padding: 1.6rem; } .auth-brand { margin-bottom: 1.1rem; } .mark { display: inline-block; |