More style fixes

This commit is contained in:
Scott Idem
2025-05-15 10:34:14 -04:00
parent ffa33b5fa0
commit dae482906d

View File

@@ -76,7 +76,9 @@ max-w-max -->
class:hidden={!$ae_loc?.app_cfg?.show_element__menu_btn} class:hidden={!$ae_loc?.app_cfg?.show_element__menu_btn}
> --> > -->
<!-- && !$ae_loc?.app_cfg?.show_element__menu --> <!-- && !$ae_loc?.app_cfg?.show_element__menu -->
<!-- !$ae_loc?.app_cfg?.show_element__menu_btn --> <!-- !$ae_loc
?.app_cfg?.show_element__menu_btn -->
<!-- bg-blue-100/60 dark:bg-blue-800/50 -->
<!-- We need to be able to hide the menu button in certain situations. Mainly iframes. --> <!-- We need to be able to hide the menu button in certain situations. Mainly iframes. -->
<section <section
class=" class="
@@ -84,9 +86,9 @@ max-w-max -->
flex flex-col-reverse gap-1 flex flex-col-reverse gap-1
items-end justify-center items-end justify-center
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-transparent
dark:text-slate-400 dark:hover:text-slate-200 dark:text-slate-400 dark:hover:text-slate-200
bg-blue-100/60 dark:bg-blue-800/50
hover:bg-blue-200 hover:dark:bg-blue-900 hover:bg-blue-200 hover:dark:bg-blue-900
mx-1 my-2 mx-1 my-2
@@ -129,7 +131,8 @@ max-w-max -->
p-1 p-1
bg-white dark:dark-gray-800 bg-white/10 dark:dark-gray-800/10
hover:bg-white/100 dark:hover:bg-gray-800/100
relative relative
*:hover:inline *:hover:inline
@@ -137,9 +140,12 @@ max-w-max -->
opacity-50 opacity-50
hover:opacity-100 hover:opacity-100
min-w-full
" "
> >
{#if $ae_loc?.person_id || $ae_loc?.user_id}
<span <span
class:hidden={!$ae_loc?.app_cfg?.show_element__menu} class:hidden={!$ae_loc?.app_cfg?.show_element__menu}
class:hover:visible={$ae_loc?.app_cfg?.show_element__menu} class:hover:visible={$ae_loc?.app_cfg?.show_element__menu}
@@ -158,6 +164,9 @@ max-w-max -->
<ShieldUser class="mx-1 inline-block text-gray-500" /> <ShieldUser class="mx-1 inline-block text-gray-500" />
{$ae_loc?.user?.username ?? '-- not set --'}<br /> {$ae_loc?.user?.username ?? '-- not set --'}<br />
</span> </span>
{/if}
{#if $ae_loc.edit_mode} {#if $ae_loc.edit_mode}
<button <button
@@ -200,7 +209,7 @@ max-w-max -->
<div class="flex flex-row gap-1 items-center justify-between transition-all w-auto"> <div class="flex flex-row gap-1 items-center justify-between transition-all w-auto">
{#if $ae_loc.access_type && $ae_loc.access_type != 'anonymous'} {#if $ae_loc.access_type && $ae_loc.access_type != 'anonymous'}
<span <span
class="*:hover:inline" class="*:hover:inline flex flex-row gap-1 items-center justify-between"
title={`Current access type/level: ${$ae_loc.access_type}`} title={`Current access type/level: ${$ae_loc.access_type}`}
> >
<!-- <span class="fas fa-unlock mx-1"></span> --> <!-- <span class="fas fa-unlock mx-1"></span> -->