From 39534584217aa2c09128dd639608408f69293b80 Mon Sep 17 00:00:00 2001
From: Brian Cherinka <havok2063@hotmail.com>
Date: Wed, 4 Dec 2024 15:40:12 -0800
Subject: [PATCH] changing page to fix scrolling (#85)

---
 src/views/DataView.vue | 38 ++++++++++++++++++++++++++++++--------
 1 file changed, 30 insertions(+), 8 deletions(-)

diff --git a/src/views/DataView.vue b/src/views/DataView.vue
index 6de3f38..4a7e4eb 100644
--- 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">