style(launcher): layout and Tailwind class adjustments

+layout.svelte: add lg:min-h-8/12 and max-h-screen to main content area.
launcher_background_sync.svelte: reposition sync monitor panel (bottom-15,
left-2, z-10 — was bottom-20, left-4, z-9999).
launcher_menu.svelte: reorder Tailwind classes for readability, no change
to applied styles.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
Scott Idem
2026-05-22 19:09:08 -04:00
parent 469729ce22
commit 194c89f6d1
3 changed files with 9 additions and 5 deletions

View File

@@ -601,8 +601,10 @@ $effect(() => {
class=" class="
static static
m-auto m-auto
mb-16 h-full w-full mb-16
max-w-7xl border-x lg:min-h-8/12 h-full max-h-screen
w-full max-w-7xl
border-x
border-gray-200 border-gray-200
transition-all sm:mb-12 transition-all sm:mb-12
dark:border-gray-600 dark:border-gray-600

View File

@@ -645,7 +645,7 @@ async function force_location_sync() {
and the sys bar (bottom-12 right-2). Panel grows upward from the status chip. --> and the sys bar (bottom-12 right-2). Panel grows upward from the status chip. -->
{#if $events_loc.launcher.app_mode === 'native' || $ae_loc.is_native} {#if $events_loc.launcher.app_mode === 'native' || $ae_loc.is_native}
<div <div
class="pointer-events-none fixed bottom-20 left-4 z-[9999] flex flex-col items-start gap-2"> class="pointer-events-none fixed bottom-15 left-2 z-10 flex flex-col items-start gap-2">
{#if show_monitor} {#if show_monitor}
<div <div
class="bg-surface-50/95 dark:bg-surface-900/95 text-surface-800 dark:text-surface-100 border-surface-200 dark:border-primary-700 pointer-events-auto min-w-52 rounded-lg border p-3 font-mono text-[10px] shadow-2xl backdrop-blur-sm"> class="bg-surface-50/95 dark:bg-surface-900/95 text-surface-800 dark:text-surface-100 border-surface-200 dark:border-primary-700 pointer-events-auto min-w-52 rounded-lg border p-3 font-mono text-[10px] shadow-2xl backdrop-blur-sm">

View File

@@ -146,8 +146,10 @@ let ae_promises: key_val = $state({
<div <div
class=" class="
event_launcher_menu event_launcher_menu
flex h-full w-full max-w-full h-full
shrink flex-col flex-wrap items-center justify-start gap-1 w-full max-w-full
flex flex-col flex-wrap items-center justify-start gap-1
shrink
"> ">
<!-- overflow-x-clip --> <!-- overflow-x-clip -->