etkr4k/bedolaga-cabinet
1
0
Fork 0
mirror of https://github.com/chillpadclub/bedolaga-cabinet.git synced 2026-07-28 09:33:46 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix: desktop nav always icon-only with tooltips

Browse Source 
Text labels overflow even at 2xl with Russian + 9 items.
Switch to icon-only mode at all desktop widths. Labels kept
as sr-only for accessibility, title attribute provides tooltips.
This commit is contained in:
Fringg
2026-03-11 01:42:54 +03:00
parent 3bae6cf1e1
commit f0777f0b5d
1 changed files with 4 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
src/components/layout/AppShell/AppShell.tsx
View File

@@ -332,7 +332,7 @@ export function AppShell({ children }: AppShellProps) {
)}
>
<item.icon className="h-3.5 w-3.5 shrink-0" />
<span className="hidden 2xl:inline">{item.label}</span>
<span className="sr-only">{item.label}</span>
</Link>
))}
{referralEnabled && (
@@ -348,7 +348,7 @@ export function AppShell({ children }: AppShellProps) {
)}
>
<UsersIcon className="h-3.5 w-3.5 shrink-0" />
<span className="hidden 2xl:inline">{t('nav.referral')}</span>
<span className="sr-only">{t('nav.referral')}</span>
</Link>
)}
{giftEnabled && (
@@ -364,7 +364,7 @@ export function AppShell({ children }: AppShellProps) {
)}
>
<GiftIcon className="h-3.5 w-3.5 shrink-0" />
<span className="hidden 2xl:inline">{t('nav.gift')}</span>
<span className="sr-only">{t('nav.gift')}</span>
</Link>
)}
{isAdmin && (
@@ -382,7 +382,7 @@ export function AppShell({ children }: AppShellProps) {
)}
>
<ShieldIcon className="h-3.5 w-3.5 shrink-0" />
<span className="hidden 2xl:inline">{t('admin.nav.title')}</span>
<span className="sr-only">{t('admin.nav.title')}</span>
</Link>
</>
)}