AeThex-Corporation/aethex-forge
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

completionId: cgen-2850f25580f84ce9a4f15aee6c54c24c

Browse source 
cgen-2850f25580f84ce9a4f15aee6c54c24c
This commit is contained in:
Builder.io 2025-11-11 04:52:14 +00:00
parent 915ba5d815
commit fd0f262de6
1 changed files with 17 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

20
client/components/ArmSwitcher.tsx
View file

@ -158,14 +158,28 @@ export default function ArmSwitcher() {
</button>
</div>
{/* Mobile Version - Compact */}
<div className="md:hidden">
{/* Mobile Version - Show first 3 arms + view all */}
<div className="md:hidden flex items-center gap-2">
{ARMS.slice(0, 3).map((arm) => (
<button
key={arm.id}
onClick={handleArmClick}
className="group relative h-10 w-10 flex items-center justify-center rounded-lg hover:scale-110 transition-transform duration-200 flex-shrink-0"
title={arm.name}
>
<img
src={LOGO_URLS[arm.id]}
alt={arm.label}
className="relative h-6 w-6 object-contain transition-all duration-200"
/>
</button>
))}
<button
onClick={handleArmClick}
className="h-10 w-10 flex items-center justify-center rounded-lg border border-border/60 bg-background/60 hover:bg-background/80 transition-colors flex-shrink-0"
title="View all arms"
>
<span className="text-xs font-semibold text-gray-400">≡</span>
<span className="text-xs font-semibold text-gray-400">+4</span>
</button>
</div>
</>