Scott.Idem/OSIT-AE-App-Svelte
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

The sys menu finally looks and works better. Still needs more work though... Finally done for the week....?

Browse Source
This commit is contained in:
Scott Idem
2025-07-02 18:12:04 -04:00
parent 07979cb529
commit cc8bbffdbf
4 changed files with 22 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
src/lib/e_app_access_type.svelte
View File

@@ -273,7 +273,10 @@ function handle_clear_access() {
class=" class="
ae_access_type ae_access_type
hidden-print hidden-print
bg-blue-100 text-gray-900 bg-blue-100 text-gray-900
dark:bg-blue-800 dark:text-gray-200
duration-300 delay-150 hover:delay-1000 hover:ease-out duration-300 delay-150 hover:delay-1000 hover:ease-out
transition-all hover:transition-all transition-all hover:transition-all
flex flex-col flex-wrap gap-1 flex flex-col flex-wrap gap-1

3
src/lib/e_app_cfg.svelte
View File

@@ -97,7 +97,10 @@ function handle_clear_storage(item: null|string) {
class=" class="
ae_app_cfg ae_app_cfg
hidden-print hidden-print
bg-blue-100 text-gray-900 bg-blue-100 text-gray-900
dark:bg-blue-800 dark:text-gray-200
transition hover:transition-all transition hover:transition-all
flex flex-col flex-wrap gap-1 flex flex-col flex-wrap gap-1
items-center justify-center items-center justify-center

3
src/lib/e_app_sign_in_out.svelte
View File

@@ -345,7 +345,10 @@ async function handle_change_password() {
class=" class="
ae_sign_in_out ae_sign_in_out
hidden-print hidden-print
bg-blue-100 text-gray-900 bg-blue-100 text-gray-900
dark:bg-blue-800 dark:text-gray-200
transition-all duration-300 delay-150 hover:delay-1000 hover:ease-out hover:transition-all transition-all duration-300 delay-150 hover:delay-1000 hover:ease-out hover:transition-all
flex flex-col flex-wrap gap-1 flex flex-col flex-wrap gap-1
items-end justify-center items-end justify-center

19
src/lib/e_app_sys_menu.svelte
View File

@@ -88,7 +88,7 @@ max-w-max -->
z-50 z-50
absolute bottom-0 right-0 absolute bottom-0 right-0
opacity-60 opacity-90
hover:opacity-100 hover:opacity-100
active:opacity-100 active:opacity-100
@@ -100,7 +100,7 @@ max-w-max -->
text-sm sm:text-sm md:text-md lg:text-md xl:text-md 2xl:text-lg text-sm sm:text-sm md:text-md lg:text-md xl:text-md 2xl:text-lg
bg:blue-100/50 dark:bg-blue-800/50 bg:blue-100/20 dark:bg-blue-800/30
dark:text-slate-400 dark:hover:text-slate-200 dark:text-slate-400 dark:hover:text-slate-200
hover:bg-blue-200/90 hover:dark:bg-blue-900/90 hover:bg-blue-200/90 hover:dark:bg-blue-900/90
active:bg-blue-200 active:dark:bg-blue-900 active:bg-blue-200 active:dark:bg-blue-900
@@ -137,15 +137,15 @@ max-w-max -->
w-full w-full
bg-white/10 dark:dark-gray-800/10 bg-white/80 dark:dark-gray-800/80
hover:bg-red-100/50 dark:hover:bg-gray-800 hover:bg-red-100/90 dark:hover:bg-gray-800/90
relative relative
*:hover:inline *:hover:inline
*:hover:visible *:hover:visible
**:hover:visible **:hover:visible
opacity-50 opacity-70
hover:opacity-100 hover:opacity-100
transition-all transition-all
@@ -354,7 +354,12 @@ max-w-max -->
type="button" type="button"
class:w-48={$ae_loc?.app_cfg?.show_element__menu} class:w-48={$ae_loc?.app_cfg?.show_element__menu}
class="btn btn-sm variant-outline-tertiary hover:variant-ghost-success px-6 py-1 invisible group-hover:visible groupx" class="
btn btn-sm
preset-tonal-tertiary hover:preset-filled-success active:preset-filled-success
px-6 py-1
invisible group-hover:visible groupx
"
title="Show or hide the menu" title="Show or hide the menu"
onclick={async () => { onclick={async () => {
if (!$ae_loc?.app_cfg?.show_element__menu) { if (!$ae_loc?.app_cfg?.show_element__menu) {
@@ -419,6 +424,8 @@ max-w-max -->
min-w-48 min-w-48
bg-white dark:bg-gray-800
border border-gray-200 dark:border-gray-700 border border-gray-200 dark:border-gray-700
rounded-lg rounded-lg
px-1 py-2 px-1 py-2