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

completionId: cgen-72ee92f5b18343c5a7e841a1b6f7a48a

Browse source 
cgen-72ee92f5b18343c5a7e841a1b6f7a48a
This commit is contained in:
Builder.io 2025-11-10 20:04:56 +00:00
parent ce6b346b62
commit 4569c5bc00
1 changed files with 5 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

10
client/components/ArmSwitcherModal.tsx
View file

@ -152,22 +152,22 @@ export default function ArmSwitcherModal({
<div className="flex-1 overflow-y-auto flex items-center justify-center px-4 sm:px-6 py-4 sm:py-2"> <div className="flex-1 overflow-y-auto flex items-center justify-center px-4 sm:px-6 py-4 sm:py-2">
{!selectedArm ? ( {!selectedArm ? (
// Arm Grid - Minimal // Arm Grid - Minimal
<div className="w-full max-w-sm space-y-1.5"> <div className="w-full max-w-sm space-y-1">
{ARMS.map((arm) => ( {ARMS.map((arm) => (
<button <button
key={arm.id} key={arm.id}
type="button" type="button"
onClick={() => handleSelectArm(arm.id)} onClick={() => handleSelectArm(arm.id)}
className="w-full p-4 rounded-lg border border-gray-700/50 bg-gray-900/30 hover:bg-gray-800/50 hover:border-gray-600 transition-all duration-200 text-left group" className="w-full p-3 rounded-lg border border-gray-700/50 bg-gray-900/30 hover:bg-gray-800/50 hover:border-gray-600 transition-all duration-200 text-left group"
> >
<div className="flex items-center gap-3"> <div className="flex items-center gap-2.5">
<img <img
src={arm.icon} src={arm.icon}
alt={arm.label} alt={arm.label}
className="w-10 h-10 object-contain group-hover:scale-110 transition-transform" className="w-8 h-8 object-contain group-hover:scale-110 transition-transform flex-shrink-0"
/> />
<div className="flex-1 min-w-0"> <div className="flex-1 min-w-0">
<h3 className={`font-semibold text-sm ${arm.textColor}`}> <h3 className={`font-semibold text-xs ${arm.textColor}`}>
{arm.label} {arm.label}
</h3> </h3>
<p className="text-xs text-gray-500 truncate">{arm.tip}</p> <p className="text-xs text-gray-500 truncate">{arm.tip}</p>