etkr4k/bedolaga-cabinet
1
0
Fork 0
mirror of https://github.com/chillpadclub/bedolaga-cabinet.git synced 2026-07-30 10:27:49 +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" /> <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> </Link>
))} ))}
{referralEnabled && ( {referralEnabled && (
@@ -348,7 +348,7 @@ export function AppShell({ children }: AppShellProps) {
)} )}
> >
<UsersIcon className="h-3.5 w-3.5 shrink-0" /> <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> </Link>
)} )}
{giftEnabled && ( {giftEnabled && (
@@ -364,7 +364,7 @@ export function AppShell({ children }: AppShellProps) {
)} )}
> >
<GiftIcon className="h-3.5 w-3.5 shrink-0" /> <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> </Link>
)} )}
{isAdmin && ( {isAdmin && (
@@ -382,7 +382,7 @@ export function AppShell({ children }: AppShellProps) {
)} )}
> >
<ShieldIcon className="h-3.5 w-3.5 shrink-0" /> <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> </Link>
</> </>
)} )}