Working on general styles

This commit is contained in:
Scott Idem
2025-09-17 19:21:01 -04:00
parent 6b6418b753
commit 46a89c36fe
8 changed files with 49 additions and 14 deletions

View File

@@ -20,8 +20,12 @@
%sveltekit.head%
</head>
<body data-sveltekit-preload-data="hover" class="h-full w-full overflow-auto">
<!-- h-full w-full overflow-auto -->
<body data-sveltekit-preload-data="hover" class="h-full w-full max-h-vh-screen max-w-vw-screen">
<div style="display: contents" class="">
%sveltekit.body%
</div>
<div style="display: contents" class="">%sveltekit.body%</div>
</body>
</html>

View File

@@ -202,7 +202,7 @@ hover:opacity-100 -->
preset-filled-surface-50-950 preset-outlined-surface-100-900
hover:preset-tonal-warning
transition-all
fixed bottom-2 left-2
fixed bottom-8 left-2
text-neutral-300 hover:text-neutral-800
dark:text-neutral-700 dark:hover:text-neutral-200
"

View File

@@ -89,7 +89,7 @@ max-w-max -->
hidden-print
z-50
absolute bottom-0 right-0
absolute bottom-6 right-0
opacity-90
hover:opacity-100

View File

@@ -144,7 +144,7 @@ if (browser) {
class:iframe={$ae_loc?.iframe}
class="
ae_events
h-full max-h-full max-w-6xl
h-full max-h-screen max-w-screen overflow-auto
flex flex-col gap-1
m-auto
bg-gray-50 dark:bg-gray-900
@@ -195,11 +195,25 @@ if (browser) {
</nav>
{/if}
<!-- <section
class:iframe={$ae_loc?.iframe}
class="main_content grow px-1 md:px-2 lg:px-4 pb-32"
> -->
<section
class:iframe={$ae_loc?.iframe}
class="main_content grow px-1 md:px-2 pb-28"
class="
ae_events_pres_mgmt_event
md:container
flex flex-col gap-1
items-center
justify-start
mx-auto
py-1 px-2 pb-16
h-full
min-w-full
max-w-max
"
>
<!-- OLD: App Bar -->
<!-- <AppBar
gridColumns="grid-cols-3"
@@ -245,8 +259,20 @@ if (browser) {
{#if !$ae_sess?.disable_sys_footer}
<!-- text-sm sm:text-sm md:text-md lg:text-md xl:text-md 2xl:text-lg text-slate-400 hover:text-slate-800 transition px-1 py-0.5 min-h-7 -->
<section
class="footer_contenttext-sm sm:text-sm md:text-md lg:text-md xl:text-md 2xl:text-lg text-slate-400 hover:text-slate-800 transition px-1 py-0.5 min-h-7"
class="
footer_content
absolute bottom-0 start-0 z-10 w-full p-1
flex flex-row items-center justify-between
sm:flex-row md:items-center md:justify-between
text-xs hover:text-base
shadow
bg-gray-200 border-t border-gray-200
dark:bg-gray-800 dark:border-gray-600
opacity-50 hover:opacity-100
transition-all duration-1000
"
class:ae_debug={$ae_loc.debug}
>

View File

@@ -35,7 +35,9 @@ onMount(() => {
</script>
<section class="ae_events_pres_mgmt md:container h-full mx-auto">
<!-- <section
class="ae_events_pres_mgmt md:container h-full mx-auto"
> -->
<h2 class="h3">Presentation Management for {$ae_loc.account_name ?? 'Æ loading...'}</h2>
@@ -150,7 +152,7 @@ onMount(() => {
</div>
{/await} -->
</section>
<!-- </section> -->
<style lang="postcss">

View File

@@ -708,9 +708,12 @@ $effect(() => {
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-8xl
h-full
w-full max-w-7xl
"
>
@@ -786,6 +789,7 @@ $effect(() => {
justify-center
py-1 px-0.5
bg-gray-100
"
>

View File

@@ -107,7 +107,7 @@ let ae_promises: key_val = $state({
{#if $lq__event_event_file_obj_li}
<div class="w-full flex flex-col gap-0.5">
<div class="w-full flex flex-col gap-0.5 overflow-y-auto">
<!-- <div class="text-xs text-neutral-800/80">
<strong>
Event Files:

View File

@@ -538,12 +538,11 @@ async function handle_qry__event_session(
<section
class="
ae_events_pres_mgmt_event
md:container
flex flex-col gap-1
items-center
justify-start
mx-auto
py-1 px-2 pb-16
min-h-full
h-full
min-w-full
max-w-max