From f0777f0b5db9115b84bdcb37eb9dab6650bd725b Mon Sep 17 00:00:00 2001
From: Fringg <egor.andrianovv@gmail.com>
Date: Wed, 11 Mar 2026 01:42:54 +0300
Subject: [PATCH] fix: desktop nav always icon-only with tooltips

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.
---
 src/components/layout/AppShell/AppShell.tsx | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/components/layout/AppShell/AppShell.tsx b/src/components/layout/AppShell/AppShell.tsx
index 3fa97cb..2767068 100644
--- a/src/components/layout/AppShell/AppShell.tsx
+++ b/src/components/layout/AppShell/AppShell.tsx
@@ -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>
               </>
             )}