From 1291ea15085a8dfaaefa963bfdba86dc74de8531 Mon Sep 17 00:00:00 2001
From: yaya <zaza@zazawowow.co.uk>
Date: Fri, 9 Oct 2026 13:34:01 +0100
Subject: [PATCH] fix(ui): enlarge router model and hide router controls

---
 neode-ui/src/components/DeviceModel.vue      | 5 +++--
 neode-ui/src/views/server/OpenWrtGateway.vue | 6 +++++-
 2 files changed, 8 insertions(+), 3 deletions(-)

diff --git a/neode-ui/src/components/DeviceModel.vue b/neode-ui/src/components/DeviceModel.vue
index 67807e6b..b6519355 100644
--- a/neode-ui/src/components/DeviceModel.vue
+++ b/neode-ui/src/components/DeviceModel.vue
@@ -9,9 +9,10 @@ const props = withDefaults(defineProps<{
   fallback?: string
   fillViewport?: boolean
   glassContainer?: boolean
+  controls?: boolean
   /** Development-only gallery controls. Never rendered in production builds. */
   devBrowse?: boolean
-}>(), { fallback: '', fillViewport: false, glassContainer: false, devBrowse: false })
+}>(), { fallback: '', fillViewport: false, glassContainer: false, controls: true, devBrowse: false })
 const host = ref<HTMLElement>()
 const frame = ref<HTMLElement>()
 const ready = ref(false)
@@ -161,7 +162,7 @@ onBeforeUnmount(() => {
         <svg viewBox="0 0 200 120" aria-hidden="true"><rect x="31" y="59" width="138" height="46" rx="15"/><path d="M38 65V17Q38 9 45 9T52 17V60M148 60V17Q148 9 155 9T162 17V65M92 87h16"/></svg>
       </div>
     </div>
-    <figcaption class="device-model__caption">
+    <figcaption v-if="controls || devBrowseEnabled" class="device-model__caption">
       <span>{{ failed ? label : (devBrowseEnabled ? devModelLabel(currentModel) : 'Drag to explore') }}</span>
       <template v-if="devBrowseEnabled">
         <button type="button" aria-label="Previous 3D model" @click="browseModel(-1)">Back</button>
diff --git a/neode-ui/src/views/server/OpenWrtGateway.vue b/neode-ui/src/views/server/OpenWrtGateway.vue
index 6a27449f..cea217d2 100644
--- a/neode-ui/src/views/server/OpenWrtGateway.vue
+++ b/neode-ui/src/views/server/OpenWrtGateway.vue
@@ -535,7 +535,7 @@ onMounted(() => {
 
     <div class="glass-card p-6 mb-6 overflow-hidden router-model-card">
       <div class="grid grid-cols-1 lg:grid-cols-[minmax(0,1fr)_minmax(280px,360px)] gap-6 items-start">
-        <DeviceModel model="beryl-ax" label="Beryl AX (GL-MT3000) OpenWrt router" fill-viewport />
+        <DeviceModel model="beryl-ax" label="Beryl AX (GL-MT3000) OpenWrt router" fill-viewport :controls="false" />
         <RouterMarketplace />
       </div>
     </div>
@@ -1022,6 +1022,10 @@ onMounted(() => {
 
 <style scoped>
 @media (min-width: 1024px) {
+  .router-model-card .device-model--viewport {
+    min-height: calc(100dvh - 216px);
+  }
+
   .router-model-card > .grid > .router-marketplace {
     align-self: end;
     margin-top: 0;