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