feat(focus): only icon on small devices

This commit is contained in:
ItzCrazyKns 2024-11-30 20:58:11 +05:30
parent e4a0799503
commit e08d864445
1 changed files with 2 additions and 2 deletions

View File

@ -83,7 +83,7 @@ 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" />
@ -91,7 +91,7 @@ const Focus = ({
) : (
<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>