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

completionId: cgen-2bdafd7fb4114b97a813277b56de4a46

Browse source 
cgen-2bdafd7fb4114b97a813277b56de4a46
This commit is contained in:
Builder.io 2025-11-10 20:02:10 +00:00
parent fad9fcdc6b
commit eace1b7120
1 changed files with 7 additions and 7 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

14
client/components/ArmSwitcherModal.tsx
View file

@ -133,26 +133,26 @@ export default function ArmSwitcherModal({
return ( return (
<div className="fixed inset-0 z-[999] bg-black/98 backdrop-blur-lg overflow-hidden flex flex-col"> <div className="fixed inset-0 z-[999] bg-black/98 backdrop-blur-lg overflow-hidden flex flex-col">
{/* Header */} {/* Header */}
<div className="flex items-center justify-between px-4 sm:px-6 py-4 border-b border-gray-800/50"> <div className="flex items-center justify-between px-4 sm:px-6 py-3 border-b border-gray-800/50">
<button <button
type="button" type="button"
onClick={handleBack} onClick={handleBack}
className="flex items-center gap-2 text-gray-400 hover:text-white transition-colors text-sm" className="flex items-center gap-2 text-gray-400 hover:text-white transition-colors text-xs"
> >
<ArrowLeft className="w-4 h-4" /> <ArrowLeft className="w-3.5 h-3.5" />
{selectedArm ? "Back" : "Close"} {selectedArm ? "Back" : "Close"}
</button> </button>
<h1 className="text-sm font-semibold text-white"> <h1 className="text-xs font-semibold text-white">
{selectedArm ? selectedArmData?.label : "Select Arm"} {selectedArm ? selectedArmData?.label : "Select Arm"}
</h1> </h1>
<div className="w-12" /> <div className="w-10" />
</div> </div>
{/* Content */} {/* Content */}
<div className="flex-1 overflow-y-auto flex items-center justify-center px-4 sm:px-6 py-8"> <div className="flex-1 overflow-y-auto flex items-center justify-center px-4 sm:px-6 py-6">
{!selectedArm ? ( {!selectedArm ? (
// Arm Grid - Minimal // Arm Grid - Minimal
<div className="w-full max-w-md space-y-2"> <div className="w-full max-w-sm space-y-1.5">
{ARMS.map((arm) => ( {ARMS.map((arm) => (
<button <button
key={arm.id} key={arm.id}