feat(focus): only icon on small devices

ItzCrazyKns · Nov 30, 2024 · e08d864 · e08d864
1 parent e4a0799
commit e08d864
Showing 1 changed file with 2 additions and 2 deletions.
diff --git a/ui/components/MessageInputActions/Focus.tsx b/ui/components/MessageInputActions/Focus.tsx
@@ -83,15 +83,15 @@ const Focus = ({
         {focusMode !== 'webSearch' ? (
           <div className="flex flex-row items-center space-x-1">
             {focusModes.find((mode) => mode.key === focusMode)?.icon}
-            <p className="text-xs font-medium">
+            <p className="text-xs font-medium hidden lg:block">
               {focusModes.find((mode) => mode.key === focusMode)?.title}
             </p>
             <ChevronDown size={20} className="-translate-x-1" />
           </div>
         ) : (
           <div className="flex flex-row items-center space-x-1">
             <ScanEye size={20} />
-            <p className="text-xs font-medium">Focus</p>
+            <p className="text-xs font-medium hidden lg:block">Focus</p>
           </div>
         )}
       </PopoverButton>