changing page to fix scrolling (#85)

sdss · Dec 4, 2024 · 3953458 · 3953458
1 parent 4b6932f
commit 3953458
Showing 1 changed file with 30 additions and 8 deletions.
diff --git a/src/views/DataView.vue b/src/views/DataView.vue
@@ -1,12 +1,34 @@
 <template>
-    <v-row>
-        <v-col md="12">
-            <v-banner v-if="store.release !== 'IPL3'" class='ma-4' color="error" lines="one" icon="mdi-emoticon-sad"><v-banner-text> The DataView dashboard is only available for IPL-3.</v-banner-text></v-banner>
-            <div v-else id="solara-dataview">
-                <iframe id='iframe' :src="url" width="100%" height="1200px" title="Solara app running Explorer Dashboard" frameborder="0" ref="iframe"></iframe>
-            </div>
-        </v-col>
-    </v-row>
+  <v-row class="fill-height">
+    <v-col md="12" class="d-flex flex-column">
+      <!-- Banner -->
+      <v-banner
+        v-if="store.release !== 'IPL3'"
+        class="ma-4"
+        color="error"
+        lines="one"
+        icon="mdi-emoticon-sad"
+      >
+        <v-banner-text>
+          The DataView dashboard is only available for IPL-3.
+        </v-banner-text>
+      </v-banner>
+
+      <!-- Content -->
+      <div v-else id="solara-dataview" class="flex-grow-1">
+        <iframe
+          id="iframe"
+          :src="url"
+          width="100%"
+          height="100%"
+          style="border: none;"
+          title="Solara app running Explorer Dashboard"
+          frameborder="0"
+          ref="iframe"
+        ></iframe>
+      </div>
+    </v-col>
+  </v-row>
 </template>
 
 <script setup lang="ts">