idolpx/meatloaf-config
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat(DeviceDetailOverlay): update overlay positioning and remove unused media control buttons

Browse Source
This commit is contained in:
Jaime Idolpx 2026-06-08 02:04:46 -04:00
parent 52d0e96961
commit 70796a9ccd
1 changed files with 1 additions and 21 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

22
src/app/components/DeviceDetailOverlay.tsx
View File

@ -209,7 +209,7 @@ export default function DeviceDetailOverlay({
animate={{ y: 0 }}
exit={{ y: '100%' }}
transition={{ type: 'spring', damping: 30, stiffness: 300 }}
className="absolute inset-0 bg-white overflow-y-auto"
className="fixed inset-0 bg-white overflow-y-auto z-50"
onClick={(e) => e.stopPropagation()}
onTouchStart={onTouchStart}
onTouchMove={onTouchMove}
@ -246,26 +246,6 @@ export default function DeviceDetailOverlay({
<RotateCcw className="w-4 h-4" />
Reset Device
</button>
<button
onClick={() => sendCommand('EJECT')}
className="w-full px-4 py-2 text-left hover:bg-neutral-50 flex items-center gap-2"
>
<SkipBack className="w-4 h-4" />
Eject Media
</button>
<button
onClick={() => sendCommand('MOUNT')}
className="w-full px-4 py-2 text-left hover:bg-neutral-50 flex items-center gap-2"
>
<Play className="w-4 h-4" />
Mount Media
</button>
<button
onClick={() => sendCommand('STATUS')}
className="w-full px-4 py-2 text-left hover:bg-neutral-50"
>
Get Status
</button>
</div>
)}