Making things look good.

This commit is contained in:
Scott Idem
2025-09-17 18:04:10 -04:00
parent 60fbfc434e
commit 6b6418b753
5 changed files with 109 additions and 30 deletions

View File

@@ -1,5 +1,12 @@
<script lang="ts">
let log_lvl: number = $state(1);
interface Props {
/** @type {import('./$types').LayoutData} */
data: any;
children?: import('svelte').Snippet;
}
let { data, children }: Props = $props();
// *** Import Svelte specific
// import { onMount, tick } from 'svelte';
@@ -11,16 +18,15 @@ import { liveQuery } from "dexie";
import { Drawer, Footer, Modal } from 'flowbite-svelte';
import { listen, idle, onIdle } from 'svelte-idle'
import {
// Brain,
// House, Library,
// RefreshCw,
Satellite
} from '@lucide/svelte';
// import { AppBar } from '@skeletonlabs/skeleton-svelte';
// *** Import Aether specific variables and functions
interface Props {
/** @type {import('./$types').LayoutData} */
data: any;
children?: import('svelte').Snippet;
}
let { data, children }: Props = $props();
import type { key_val } from '$lib/ae_stores';
import { ae_util } from '$lib/ae_utils/ae_utils';
import { api } from '$lib/api';
@@ -701,39 +707,64 @@ $effect(() => {
<div
class="
static
m-auto
border-x border-gray-200 dark:border-gray-600
mt-12 mb-14 sm:mb-12
h-full w-full max-w-7xl
h-full w-full max-w-8xl
"
>
<header
id="Main-Header"
class="
absolute top-0 start-0 z-20 w-full p-1
flex flex-row items-center justify-evenly bg-slate-200
flex flex-row items-center justify-around sm:justify-between
bg-slate-200
text-sm hover:text-base
m-auto
px-12
opacity-50 hover:opacity-100
transition-all duration-1000
"
>
<h3 class="hidden sm:inline-block h4 text-center italic text-surface-600-400">
Æ Presentation Launcher
<h3 class="h4 text-center italic text-surface-600-400">
<button
class=""
onclick={() => {
$events_loc.launcher.hide__launcher_menu = !$events_loc.launcher.hide__launcher_menu;
}}
title="Toggle Launcher menu"
>
<!-- Be sure to explain what &AElig; (Aether) means in the title text or similar! -->
<Satellite
class="text-base mx-1 inline-block text-gray-500"
/>
<abbr title="Aether - Events Module Launcher">
Æ
Launcher
</abbr>
</button>
</h3>
{#if $lq__event_obj}
<h2 class="h3 text-center text-surface-600-400">{$lq__event_obj.cfg_json?.short_name}</h2>
<h2 class="hidden md:inline-block h3 text-center text-surface-600-400">{$lq__event_obj.cfg_json?.short_name}</h2>
<h3
class="h4 text-center italic text-surface-600-400"
title="Location ID: {$lq__event_location_obj?.event_location_id} Name: {$lq__event_location_obj?.name}"
>
<button
class="text-base"
onclick={() => {
$ae_loc.edit_mode = !$ae_loc.edit_mode;
}}
title="Toggle Edit Mode to show location options and more"
>
<span class="fas fa-map-marker-alt"></span>
<span class="sr-only">Location:</span>
</button>
{$lq__event_location_obj?.name}
<!-- {$events_slct.event_location_id} -->
</h3>
{:else}
<div class="flex flex-row gap-1 items-center justify-center">
@@ -767,12 +798,13 @@ $effect(() => {
max-w-xs
pt-0.5 pr-0.5
flex flex-col gap-1 items-center justify-start
overflow-y-auto
border-r border-gray-200 dark:border-gray-700
hover:bg-surface-100-900
"
class:hidden={$events_loc.launcher.hide__launcher_menu}
>
<!-- overflow-y-auto -->
<!-- {#await $events_slct.id_li__event_location}
Loading location list... a