hjess/BlaaAI
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Fix unwanted page scroll on desktop and mobile
All checks were successful
Build and Deploy BlaaAi / build-and-deploy (push) Successful in 4m38s
Details

Browse Source 
- Remove min-height:100vh + padding-bottom:22rem that caused overflow
- Replace with calc(100vh - 60px) to center form without scroll
- Add html,body height:100% and overflow-x:hidden
This commit is contained in:
Henrik Jess Nielsen
2026-05-24 22:26:37 +02:00
parent 12c3bc3e15
commit af84822641
1 changed files with 3 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
templates/index.html
View File

@@ -20,7 +20,8 @@
} }
</script> </script>
<style> <style>
body { background: #fafaf9; color: #0c0a09; font-family: 'Space Grotesk', sans-serif; } html, body { height: 100%; }
body { background: #fafaf9; color: #0c0a09; font-family: 'Space Grotesk', sans-serif; overflow-x: hidden; }
.card-enter { animation: fadeUp .25s ease both; } .card-enter { animation: fadeUp .25s ease both; }
@keyframes fadeUp { from { opacity:0; transform:translateY(10px); } to { opacity:1; transform:translateY(0); } } @keyframes fadeUp { from { opacity:0; transform:translateY(10px); } to { opacity:1; transform:translateY(0); } }
.spinner { animation: spin .9s linear infinite; } .spinner { animation: spin .9s linear infinite; }
@@ -130,7 +131,7 @@
</div> </div>
</div> </div>
<main class="max-w-2xl mx-auto px-6" style="min-height:100vh;display:flex;flex-direction:column;justify-content:center;padding-top:2rem;padding-bottom:22rem"> <main class="max-w-2xl mx-auto px-6" style="display:flex;flex-direction:column;justify-content:center;padding-top:2rem;padding-bottom:4rem;min-height:calc(100vh - 60px)">
<!-- ── FORM ── --> <!-- ── FORM ── -->
<section id="form-section" class="py-12 relative"> <section id="form-section" class="py-12 relative">