Working on general styles
This commit is contained in:
@@ -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>
|
||||||
|
|||||||
@@ -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
|
||||||
"
|
"
|
||||||
|
|||||||
@@ -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
|
||||||
|
|||||||
@@ -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}
|
||||||
>
|
>
|
||||||
|
|
||||||
|
|||||||
@@ -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">
|
||||||
|
|||||||
@@ -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
|
||||||
|
|
||||||
"
|
"
|
||||||
>
|
>
|
||||||
|
|
||||||
|
|||||||
@@ -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:
|
||||||
|
|||||||
@@ -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
|
||||||
|
|||||||
Reference in New Issue
Block a user