Work on placement

This commit is contained in:
Scott Idem
2025-04-11 18:12:58 -04:00
parent c4c657081f
commit 2133fa520e
2 changed files with 19 additions and 12 deletions

View File

@@ -324,7 +324,7 @@ function handle_clear_access() {
$ae_loc.edit_mode = false; $ae_loc.edit_mode = false;
// dispatch_edit_mode_changed(); // dispatch_edit_mode_changed();
}} }}
class="btn btn-sm variant-ghost-success hover:variant-filled-success transition-all" class="btn btn-sm px-2 variant-ghost-success hover:variant-filled-success transition-all"
title="Edit mode is currently enabled. Click to disable." title="Edit mode is currently enabled. Click to disable."
> >
<span class="fas fa-toggle-on mx-1"></span> <span class="fas fa-toggle-on mx-1"></span>
@@ -337,11 +337,14 @@ function handle_clear_access() {
$ae_loc.edit_mode = true; $ae_loc.edit_mode = true;
// dispatch_edit_mode_changed(); // dispatch_edit_mode_changed();
}} }}
class="btn btn-sm variant-ghost-warning hover:variant-filled-warning transition-all" class="btn btn-sm px-2 variant-ghost-warning hover:variant-filled-warning transition-all space-x-1 *:hover:inline"
title="Edit mode is currently disabled. Click to enable." title="Edit mode is currently disabled. Click to enable."
> >
<span class="fas fa-toggle-off mx-1"></span> <span class="fas fa-toggle-off mx-1"></span>
Edit Mode? Edit
<span class="hidden">
Mode?
</span>
</button> </button>
{/if} {/if}
{/if} {/if}

View File

@@ -486,7 +486,8 @@ max-w-max -->
flex flex-col flex flex-col
items-end justify-center items-end justify-center
gap-1 gap-1
absolute right-0 bottom-10 absolute right-0 bottom-16
hover:bottom-6
bg-white dark:bg-gray-800 bg-white dark:bg-gray-800
border border-transparent border border-transparent
hover:border hover:border-gray-200 hover:dark:border-gray-700 hover:border hover:border-gray-200 hover:dark:border-gray-700
@@ -495,7 +496,7 @@ max-w-max -->
*:hover:inline *:hover:inline
opacity-40 opacity-40
hover:opacity-100 hover:opacity-100
duration-100 delay-1000 hover:delay-100 hover:ease-out duration-50 delay-1000 hover:delay-100 hover:ease-out
transition hover:transition-all transition hover:transition-all
" "
class:hidden={!$ae_loc?.app_cfg?.show_element__menu_btn} class:hidden={!$ae_loc?.app_cfg?.show_element__menu_btn}
@@ -516,7 +517,7 @@ max-w-max -->
$ae_loc.edit_mode = false; $ae_loc.edit_mode = false;
// dispatch_edit_mode_changed(); // dispatch_edit_mode_changed();
}} }}
class="btn btn-sm variant-ghost-success hover:variant-filled-success transition-all *:hidden:inline-block" class="btn btn-md px-2 variant-ghost-success hover:variant-filled-success transition-all *:hover:inline-block"
title="Edit mode is currently enabled. Click to disable." title="Edit mode is currently enabled. Click to disable."
> >
<span class="fas fa-toggle-on mx-1"></span> <span class="fas fa-toggle-on mx-1"></span>
@@ -532,11 +533,14 @@ max-w-max -->
$ae_loc.edit_mode = true; $ae_loc.edit_mode = true;
// dispatch_edit_mode_changed(); // dispatch_edit_mode_changed();
}} }}
class="btn btn-sm variant-ghost-warning hover:variant-filled-warning transition-all" class="btn btn-md px-2 variant-ghost-warning hover:variant-filled-warning transition-all space-x-0 *:hover:inline"
title="Edit mode is currently disabled. Click to enable." title="Edit mode is currently disabled. Click to enable."
> >
<span class="fas fa-toggle-off mx-1"></span> <span class="fas fa-toggle-off mx-1"></span>
Edit Mode? <span class="">Edit</span>
<span class="hidden">
Mode?
</span>
</button> </button>
{/if} {/if}
@@ -623,7 +627,7 @@ max-w-max -->
<button <button
type="button" type="button"
class="btn btn-sm variant-outline-surface hover:variant-ghost-success *:hover:inline-block w-full hidden" class="btn btn-sm variant-outline-surface hover:variant-ghost-success *:hover:inline-block w-full hidden px-6 py-1"
title="Sign In" title="Sign In"
onclick={() => { onclick={() => {
if ($ae_loc?.app_cfg?.show_element__menu_btn) { if ($ae_loc?.app_cfg?.show_element__menu_btn) {
@@ -637,12 +641,12 @@ max-w-max -->
}} }}
> >
{#if $ae_loc?.app_cfg?.show_element__menu} {#if $ae_loc?.app_cfg?.show_element__menu}
<CircleX class="mx-1 inline-block" /> <CircleX class="inline-block" />
<!-- <span class="hidden"> --> <!-- <span class="hidden"> -->
Hide Menu Hide Menu
<!-- </span> --> <!-- </span> -->
{:else} {:else}
<Menu class="mx-1 inline-block" /> <Menu class="inline-block" />
<span class="hidden"> <span class="hidden">
Menu Menu
</span> </span>
@@ -703,7 +707,7 @@ max-w-max -->
<button <button
type="button" type="button"
class="btn btn-sm variant-outline-surface hover:variant-ghost-warning *:hover:inline w-full" class="btn btn-sm variant-outline-surface hover:variant-ghost-warning *:hover:inline w-full px-6 py-1"
title="Sign In" title="Sign In"
onclick={() => { onclick={() => {
if ($ae_loc?.app_cfg?.show_element__menu_btn) { if ($ae_loc?.app_cfg?.show_element__menu_btn) {