From c5cec951085cc0dfd1a6c0548a912bb19fdf98f5 Mon Sep 17 00:00:00 2001
From: yaya <zaza@zazawowow.co.uk>
Date: Fri, 9 Oct 2026 13:42:57 +0100
Subject: [PATCH] fix(ui): reserve visible viewport gutter below router

---
 neode-ui/src/components/DeviceModel.vue | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/neode-ui/src/components/DeviceModel.vue b/neode-ui/src/components/DeviceModel.vue
index b6519355..d2eaddac 100644
--- a/neode-ui/src/components/DeviceModel.vue
+++ b/neode-ui/src/components/DeviceModel.vue
@@ -67,7 +67,9 @@ function layout() {
     let scroll = 0
     for (let el = frame.value.parentElement; el; el = el.parentElement) scroll += el.scrollTop
     const top = frame.value.getBoundingClientRect().top + scroll
-    remainingHeight.value = `${Math.max(260, window.innerHeight - top - 24)}px`
+    // Keep a visible page gutter below the showcase; the frame sits inside a
+    // glass card whose bottom margin must remain visible in the viewport.
+    remainingHeight.value = `${Math.max(260, window.innerHeight - top - 88)}px`
   }
   view?.resize()
 }