I think things are scrolling better. Other style clean up for dark mode.

This commit is contained in:
Scott Idem
2025-09-18 10:44:01 -04:00
parent 4f36d3eab3
commit 623b62f716
5 changed files with 23 additions and 18 deletions

View File

@@ -68,6 +68,7 @@ hover:opacity-100 -->
class:w-full={expand}
class:hidden={hide}
class:border-transparent={!expand}
class:dark:border-transparent={!expand}
class:hover:border-transparent={!expand}
class:hover:bg-transparent={!expand}
>
@@ -97,7 +98,7 @@ hover:opacity-100 -->
<span>Debug</span>
</div>
<pre>
<pre class="text-xs">
{JSON.stringify($ae_loc, null, 2)}
</pre>
@@ -199,8 +200,10 @@ hover:opacity-100 -->
class="
btn btn-icon
text-xs
preset-filled-surface-50-950 preset-outlined-surface-100-900
hover:preset-tonal-warning
p-1
preset-outlined-surface-100-900
hover:preset-filled-warning-100-900
transition-all
fixed bottom-8 left-2
text-neutral-300 hover:text-neutral-800

View File

@@ -102,7 +102,7 @@ max-w-max -->
text-sm sm:text-sm md:text-md lg:text-md xl:text-md 2xl:text-lg
bg-blue-200/50
bg-blue-200/90
border-2 rounded-lg
border-blue-300/20 dark:border-blue-700/20
@@ -422,7 +422,7 @@ max-w-max -->
preset-filled-tertiary-400-600
preset-outlined-tertiary-400-600
hover:preset-filled-success active:preset-filled-success
px-2 py-1
px-1 py-1
min-w-22 md:min-w-30 w-full max-w-fit
transition-all group
"
@@ -463,15 +463,12 @@ max-w-max -->
<!-- <span class=""> -->
{#if expand}
<CircleX class="m-1 inline-block" />
<span class="hidden group-hover:inline-block">
Menu
</span>
{:else}
<Menu class="m-1 inline-block" />
<span class="text-xs hidden group-hover:inline-block">
Menu
</span>
{/if}
<span class="text-xs hidden group-hover:inline-block">
Menu
</span>
<!-- </span> -->
</button>
<!-- </div> -->

View File

@@ -1024,7 +1024,7 @@ email = ${$ae_loc?.email}
onclick={() => {
window.location.reload();
}}
class="btn btn-sm m-1 preset-tonal-surface border border-surface-500 hover:preset-tonal-warning border border-warning-500 hover:variant-outline-warning text-warning-800 hover:text-warning-900 transition-all"
class="btn btn-sm m-1 preset-tonal-surface hover:preset-tonal-warning border border-warning-500 hover:variant-outline-warning text-warning-800 hover:text-warning-900 transition-all"
title="Reload page to clear some caches and check for updates"
>
<!-- <span class="fas fa-sync mx-1"></span> -->
@@ -1063,7 +1063,7 @@ email = ${$ae_loc?.email}
onclick={() => {
window.location.reload();
}}
class="btn btn-sm m-1 preset-tonal-secondary border border-secondary-500 hover:preset-tonal-warning border border-warning-500 hover:variant-outline-warning text-warning-800 hover:text-warning-900 transition-all"
class="btn btn-sm m-1 preset-tonal-secondary hover:preset-tonal-warning border border-warning-500 hover:variant-outline-warning text-warning-800 hover:text-warning-900 transition-all"
title="Reload page to clear some caches and check for updates"
>
<!-- <span class="fas fa-sync mx-1"></span> -->
@@ -1088,7 +1088,7 @@ email = ${$ae_loc?.email}
window.location.reload();
}}
class="btn btn-sm m-1 preset-tonal-secondary border-secondary-500 hover:preset-tonal-warning border-warning-500 hover:variant-outline-warning text-error-700 hover:text-error-900 transition-all text-wrap"
class="btn btn-sm m-1 preset-tonal-secondary hover:preset-tonal-warning border border-warning-500 hover:variant-outline-warning text-error-700 hover:text-error-900 transition-all text-wrap"
title="Reload and clear the page cache"
>
<!-- <span class="fas fa-sync mx-1"></span> -->

View File

@@ -197,7 +197,12 @@ if (browser) {
<section
class:iframe={$ae_loc?.iframe}
class="main_content grow px-1 md:px-2 lg:px-4 pb-32"
class="
main_content grow px-1 md:px-2 lg:px-4 pb-32
flex flex-col gap-1
items-center
justify-start
"
>
<!-- <section
class:iframe={$ae_loc?.iframe}

View File

@@ -68,8 +68,8 @@ let ae_triggers: key_val = $state({});
<section
class="
ae_comp event_session_obj_li
border-2 border-dashed border-x-red-500 border-y-white
sm:border-x-red-400 md:border-x-yellow-400 lg:border-x-gray-100
border-x-2 border-dashed border-x-red-500
sm:border-x-red-400 md:border-x-yellow-400 lg:border-x-transparent
px-0.5 py-2 space-y-2
min-w-full
w-full
@@ -289,7 +289,7 @@ let ae_triggers: key_val = $state({});
{@html ae_snip.html__not_set}
{/if}
{#if $ae_loc.administrator_access}
{#if 1==3 && $ae_loc.administrator_access}
{#if session_obj?.event_session_id_random == $events_slct.event_session_id && ae_tmp[$events_slct.event_session_id] && ae_tmp[$events_slct.event_session_id].show__edit_poc_person}
<Element_ae_crud