style: Hide labels of tabs on smaller screens

2025-12-08 21:48:09 +01:00
parent a372e55b78
commit 77089fcdd6
2 changed files with 3 additions and 3 deletions
@@ -368,9 +368,9 @@ export default function Settings() {
              {buildTabs({billingEnabled, smtpEnabled}).map(tab => {
                const Icon = tab.icon;
                return (
-                  <TabsTrigger key={tab.id} value={tab.id} className="flex items-center gap-2">
+                  <TabsTrigger key={tab.id} value={tab.id} className="flex items-center gap-2" title={tab.label}>
                    <Icon className="h-4 w-4" />
-                    {tab.label}
+                    <span className="hidden md:inline">{tab.label}</span>
                  </TabsTrigger>
                );
              })}