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:
@@ -601,8 +601,10 @@ $effect(() => {
|
||||
class="
|
||||
static
|
||||
m-auto
|
||||
mb-16 h-full w-full
|
||||
max-w-7xl border-x
|
||||
mb-16
|
||||
lg:min-h-8/12 h-full max-h-screen
|
||||
w-full max-w-7xl
|
||||
border-x
|
||||
border-gray-200
|
||||
transition-all sm:mb-12
|
||||
dark:border-gray-600
|
||||
|
||||
@@ -645,7 +645,7 @@ async function force_location_sync() {
|
||||
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}
|
||||
<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}
|
||||
<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">
|
||||
|
||||
@@ -146,8 +146,10 @@ let ae_promises: key_val = $state({
|
||||
<div
|
||||
class="
|
||||
event_launcher_menu
|
||||
flex h-full w-full max-w-full
|
||||
shrink flex-col flex-wrap items-center justify-start gap-1
|
||||
h-full
|
||||
w-full max-w-full
|
||||
flex flex-col flex-wrap items-center justify-start gap-1
|
||||
shrink
|
||||
|
||||
">
|
||||
<!-- overflow-x-clip -->
|
||||
|
||||
Reference in New Issue
Block a user