fix: polish dashboard loading and interactions

This commit is contained in:
2026-08-20 22:59:07 +03:30
parent b599cdfba4
commit 05e4dcd123
7 changed files with 48 additions and 26 deletions

View File

@@ -100,7 +100,7 @@
<Sidebar.MenuButton
isActive={isActive(item.href)}
tooltipContent={item.label}
class="data-[active=true]:text-primary h-11 justify-start px-3 text-[13px] group-data-[collapsible=icon]:size-11! group-data-[collapsible=icon]:justify-center group-data-[collapsible=icon]:p-0! group-data-[collapsible=icon]:[&_svg]:size-[21px]!"
class="data-[active=true]:text-primary h-11 justify-start px-3 text-[13px] group-data-[collapsible=icon]:size-11! group-data-[collapsible=icon]:justify-center group-data-[collapsible=icon]:p-0! group-data-[collapsible=icon]:[&_svg]:size-[21px]! group-data-[collapsible=icon]:[&>span]:hidden"
>
{#snippet child({ props })}
<a
@@ -109,7 +109,7 @@
aria-current={isActive(item.href) ? 'page' : undefined}
>
<item.icon class="size-[19px]" strokeWidth={1.8} />
<span>{item.label}</span>
<span class="group-data-[collapsible=icon]:hidden">{item.label}</span>
</a>
{/snippet}
</Sidebar.MenuButton>
@@ -124,11 +124,11 @@
<Sidebar.MenuItem>
<Sidebar.MenuButton
tooltipContent="خروج"
class="h-11 px-3 group-data-[collapsible=icon]:size-11! group-data-[collapsible=icon]:justify-center group-data-[collapsible=icon]:p-0! group-data-[collapsible=icon]:[&_svg]:size-5!"
class="h-11 px-3 group-data-[collapsible=icon]:size-11! group-data-[collapsible=icon]:justify-center group-data-[collapsible=icon]:p-0! group-data-[collapsible=icon]:[&_svg]:size-5! group-data-[collapsible=icon]:[&>span]:hidden"
onclick={logout}
>
<LogOutIcon class="size-[18px]" />
<span>خروج از حساب</span>
<span class="group-data-[collapsible=icon]:hidden">خروج از حساب</span>
</Sidebar.MenuButton>
</Sidebar.MenuItem>
</Sidebar.Menu>