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

Adding more config options. Making things look better.

Browse Source
This commit is contained in:
Scott Idem
2025-05-15 15:07:37 -04:00
parent 72fb34e3f1
commit 53856a913b
7 changed files with 407 additions and 187 deletions
Download Patch File Download Diff File Expand all files Collapse all files

48
src/lib/e_app_sys_menu.svelte
View File

@@ -75,43 +75,47 @@ max-w-max -->
"
class:hidden={!$ae_loc?.app_cfg?.show_element__menu_btn}
> -->
<!-- && !$ae_loc?.app_cfg?.show_element__menu -->
<!-- !$ae_loc
?.app_cfg?.show_element__menu_btn -->
<!-- bg-blue-100/60 dark:bg-blue-800/50 -->
<!-- && !$ae_loc?.app_cfg?.show_element__menu -->
<!-- !$ae_loc
?.app_cfg?.show_element__menu_btn -->
<!-- bg-blue-100/60 dark:bg-blue-800/50 -->
<!-- class:hover:border-transparent={!$ae_loc?.app_cfg?.show_element__menu} -->
<!-- mx-1 my-2 -->
<!-- We need to be able to hide the menu button in certain situations. Mainly iframes. -->
<section
class="
absolute bottom-6 right-0
flex flex-col-reverse gap-1
items-end justify-center
text-sm sm:text-sm md:text-md lg:text-md xl:text-md 2xl:text-lg
bg-transparent
dark:text-slate-400 dark:hover:text-slate-200
hover:bg-blue-200 hover:dark:bg-blue-900
mx-1 my-2
w-min
max-w-md
opacity-60
hover:opacity-100
z-50
flex flex-col-reverse gap-1
items-end justify-center
text-sm sm:text-sm md:text-md lg:text-md xl:text-md 2xl:text-lg
bg-transparent
dark:text-slate-400 dark:hover:text-slate-200
hover:bg-blue-200/50 hover:dark:bg-blue-900
border-2 rounded
border-blue-300/20 dark:border-blue-700
hover:border-blue-500 hover:dark:border-blue-500
transition-all
transition-delay-1000
transition-duration-1000
ease-in
z-50
opacity-60
hover:opacity-100
border-2
border-blue-300 dark:border-blue-700
hover:border-blue-500 hover:dark:border-blue-500
"
class:top-0={$ae_loc?.app_cfg?.show_element__menu & 1 == 3}
class:w-full={$ae_loc?.app_cfg?.show_element__menu}
class:hidden={false}
class:border-transparent={!$ae_loc?.app_cfg?.show_element__menu}
class:hover:border-transparent={!$ae_loc?.app_cfg?.show_element__menu}
class:hover:bg-transparent={!$ae_loc?.app_cfg?.show_element__menu}
>
@@ -140,8 +144,6 @@ max-w-max -->
opacity-50
hover:opacity-100
min-w-full
"
>