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% %sveltekit.head%
</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> </body>
</html> </html>

View File

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

View File

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

View File

@@ -144,7 +144,7 @@ if (browser) {
class:iframe={$ae_loc?.iframe} class:iframe={$ae_loc?.iframe}
class=" class="
ae_events 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 flex flex-col gap-1
m-auto m-auto
bg-gray-50 dark:bg-gray-900 bg-gray-50 dark:bg-gray-900
@@ -195,11 +195,25 @@ if (browser) {
</nav> </nav>
{/if} {/if}
<!-- <section
class:iframe={$ae_loc?.iframe}
class="main_content grow px-1 md:px-2 lg:px-4 pb-32"
> -->
<section <section
class:iframe={$ae_loc?.iframe} 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 --> <!-- OLD: App Bar -->
<!-- <AppBar <!-- <AppBar
gridColumns="grid-cols-3" gridColumns="grid-cols-3"
@@ -245,8 +259,20 @@ if (browser) {
{#if !$ae_sess?.disable_sys_footer} {#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 <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} class:ae_debug={$ae_loc.debug}
> >

View File

@@ -35,7 +35,9 @@ onMount(() => {
</script> </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> <h2 class="h3">Presentation Management for {$ae_loc.account_name ?? 'Æ loading...'}</h2>
@@ -150,7 +152,7 @@ onMount(() => {
</div> </div>
{/await} --> {/await} -->
</section> <!-- </section> -->
<style lang="postcss"> <style lang="postcss">

View File

@@ -708,9 +708,12 @@ $effect(() => {
class=" class="
static static
m-auto m-auto
border-x border-gray-200 dark:border-gray-600 border-x border-gray-200 dark:border-gray-600
mt-12 mb-14 sm:mb-12 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 justify-center
py-1 px-0.5 py-1 px-0.5
bg-gray-100 bg-gray-100
" "
> >

View File

@@ -107,7 +107,7 @@ let ae_promises: key_val = $state({
{#if $lq__event_event_file_obj_li} {#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"> <!-- <div class="text-xs text-neutral-800/80">
<strong> <strong>
Event Files: Event Files:

View File

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