Making things look good.
This commit is contained in:
@@ -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 Æ (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
|
||||
|
||||
Reference in New Issue
Block a user