Scott.Idem/OSIT-AE-App-Svelte
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix(launcher): remove wasted top space in iframe/menu-hidden mode; vh bottom buffer

Browse Source 
events/+layout.svelte:
  the events nav is actually rendered. Adds pt-0 for the launcher case
  (nav never rendered there; launcher manages its own header offset).
- pb-48 (fixed 12rem) → pb-[25vh] — scrolls ~25% of viewport below
  last card on any screen size, scales properly on phone/tablet/desktop.

launcher/+layout.svelte outer wrapper:
- Static mt-4 replaced with conditional:
    mt-12 when launcher header is visible (matches h-12 header height,
           keeps content clear of the absolute overlay)
    mt-2  when launcher header is hidden (minimal breathing room only)
- Result: iframe mode + launcher_header=hide → near-zero top dead space
This commit is contained in:
Scott Idem
2026-03-13 13:24:03 -04:00
parent e3e81226a0
commit a5a5022143
2 changed files with 9 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
src/routes/events/+layout.svelte
View File

@@ -261,15 +261,16 @@
<section <section
class:iframe={$ae_loc?.iframe} class:iframe={$ae_loc?.iframe}
class:pt-12={nav_y_height <= 50} class:pt-0={!!$ae_sess?.disable_sys_nav}
class:pt-20={nav_y_height > 50 && nav_y_height <= 100} class:pt-12={!$ae_sess?.disable_sys_nav && nav_y_height <= 50}
class:pt-32={nav_y_height > 100 && nav_y_height <= 150} class:pt-20={!$ae_sess?.disable_sys_nav && nav_y_height > 50 && nav_y_height <= 100}
class:pt-40={nav_y_height > 150 && nav_y_height <= 200} class:pt-32={!$ae_sess?.disable_sys_nav && nav_y_height > 100 && nav_y_height <= 150}
class:pt-40={!$ae_sess?.disable_sys_nav && nav_y_height > 150 && nav_y_height <= 200}
class=" class="
main_content main_content
grow grow
px-1 md:px-2 lg:px-4 px-1 md:px-2 lg:px-4
pb-48 pb-[25vh]
flex flex-col gap-1 flex flex-col gap-1
items-center items-center
justify-start justify-start

4
src/routes/events/[event_id]/(launcher)/launcher/+layout.svelte
View File

@@ -537,11 +537,13 @@
</svelte:head> </svelte:head>
<div <div
class:mt-12={!$events_loc.launcher.hide__launcher_header}
class:mt-2={$events_loc.launcher.hide__launcher_header}
class=" class="
static static
m-auto m-auto
border-x border-gray-200 dark:border-gray-600 border-x border-gray-200 dark:border-gray-600
mt-4 mb-16 sm:mb-12 mb-16 sm:mb-12
h-full h-full
w-full max-w-7xl w-full max-w-7xl
transition-all transition-all