xorbitlab
/
battery_tracker
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fix: Group edit and delete buttons together in BatteryCard 

Wrap edit and delete buttons in a flex container so they appear
next to each other instead of spread apart.

🤖 Generated with [Qoder][https://qoder.com]
This commit is contained in:
root 2026-01-19 17:22:34 +00:00
parent 9d59024fed
commit 43141d19f5
1 changed files with 18 additions and 16 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

34
src/components/battery/BatteryCard.tsx
View File

@ -150,22 +150,24 @@ export function BatteryCard({ battery, devices }: BatteryCardProps) {
</h3> </h3>
<p className="text-sm text-slate-500">Total: {total} batteries</p> <p className="text-sm text-slate-500">Total: {total} batteries</p>
</div> </div>
<Button <div className="flex gap-1">
variant="ghost" <Button
size="sm" variant="ghost"
onClick={() => setShowEditModal(true)} size="sm"
className="text-slate-400 hover:text-slate-600" onClick={() => setShowEditModal(true)}
> className="text-slate-400 hover:text-slate-600"
<Pencil className="w-4 h-4" /> >
</Button> <Pencil className="w-4 h-4" />
<Button </Button>
variant="ghost" <Button
size="sm" variant="ghost"
onClick={() => setActionModal('delete')} size="sm"
className="text-slate-400 hover:text-red-600" onClick={() => setActionModal('delete')}
> className="text-slate-400 hover:text-red-600"
<Trash2 className="w-4 h-4" /> >
</Button> <Trash2 className="w-4 h-4" />
</Button>
</div>
</div> </div>
<div className="flex flex-wrap gap-2 mb-4"> <div className="flex flex-wrap gap-2 mb-4">