Superminaren
/
kvm
mirror of https://github.com/jetkvm/kvm.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

fix(ui): adjust layout and z-index for improved UI consistency in KvmIdRoute (#345)

This commit is contained in:
Adam Shiervani 2025-04-10 12:39:36 +02:00 committed by Siyuan Miao
parent 647250c32b
commit 9c758b6d57
1 changed files with 3 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
ui/src/routes/devices.$id.tsx
View File

@ -785,6 +785,7 @@ export default function KvmIdRoute() {
<button className="absolute top-0" tabIndex={-1} id="videoFocusTrap" /> <button className="absolute top-0" tabIndex={-1} id="videoFocusTrap" />
</div> </div>
</FocusTrap> </FocusTrap>
<div className="grid h-full select-none grid-rows-headerBody"> <div className="grid h-full select-none grid-rows-headerBody">
<DashboardNavbar <DashboardNavbar
primaryLinks={isOnDevice ? [] : [{ title: "Cloud Devices", to: "/devices" }]} primaryLinks={isOnDevice ? [] : [{ title: "Cloud Devices", to: "/devices" }]}
@ -795,7 +796,7 @@ export default function KvmIdRoute() {
kvmName={deviceName || "JetKVM Device"} kvmName={deviceName || "JetKVM Device"}
/> />
<div className="relative z-50 flex h-full w-full overflow-hidden"> <div className="relative flex h-full w-full overflow-hidden">
<WebRTCVideo /> <WebRTCVideo />
<div <div
style={{ animationDuration: "500ms" }} style={{ animationDuration: "500ms" }}
@ -811,7 +812,7 @@ export default function KvmIdRoute() {
</div> </div>
<div <div
className="isolate" className="z-50"
onKeyUp={e => e.stopPropagation()} onKeyUp={e => e.stopPropagation()}
onKeyDown={e => { onKeyDown={e => {
e.stopPropagation(); e.stopPropagation();