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

completionId: cgen-9606a97a28934b6190555be1e37b1b60

Browse source 
cgen-9606a97a28934b6190555be1e37b1b60
This commit is contained in:
Builder.io 2025-11-11 04:48:28 +00:00
parent 7e0585aab8
commit 915ba5d815
1 changed files with 19 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

20
client/components/ArmSwitcher.tsx
View file

@ -130,7 +130,7 @@ export default function ArmSwitcher() {
{/* Tablet Version - Spaced Horizontal Layout (md to lg) */}
<div className="hidden md:flex lg:hidden items-center gap-4">
{ARMS.map((arm) => (
{ARMS.slice(0, 5).map((arm) => (
<button
key={arm.id}
onClick={handleArmClick}
@ -149,6 +149,24 @@ export default function ArmSwitcher() {
</div>
</button>
))}
<button
onClick={handleArmClick}
className="h-11 w-11 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-sm font-semibold text-gray-400">+2</span>
</button>
</div>
{/* Mobile Version - Compact */}
<div className="md:hidden">
<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>
</button>
</div>
</>
);