From db0eb39deb00cb4dfebffcdcfd837f2897caad03 Mon Sep 17 00:00:00 2001
From: Robbie Davis <robbie@therobbiedavis.com>
Date: Thu, 14 Mar 2024 21:47:08 -0400
Subject: [PATCH 1/2] Add classes for overflow and height restriction

---
 frontend/src/views/Library/Scan/Base.vue | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/frontend/src/views/Library/Scan/Base.vue b/frontend/src/views/Library/Scan/Base.vue
index 7e5bcb123..b12d9e492 100644
--- a/frontend/src/views/Library/Scan/Base.vue
+++ b/frontend/src/views/Library/Scan/Base.vue
@@ -103,7 +103,8 @@ async function scan() {
   <!-- Scan log -->
   <v-row
     no-gutters
-    class="align-center pa-4"
+    class="align-center pa-4 overflow-y-auto"
+    :style="{ max-height: calc(100dvh-295px) }"
     v-for="platform in scanningPlatforms"
   >
     <v-col>

From fe994678e34fc0dd31274f4b6a01566e731287d5 Mon Sep 17 00:00:00 2001
From: Georges-Antoine Assi <contact@me.gantoine.com>
Date: Thu, 14 Mar 2024 22:01:47 -0400
Subject: [PATCH 2/2] wrap in div for scrolling

---
 frontend/src/views/Library/Scan/Base.vue | 65 +++++++++++++-----------
 1 file changed, 36 insertions(+), 29 deletions(-)

diff --git a/frontend/src/views/Library/Scan/Base.vue b/frontend/src/views/Library/Scan/Base.vue
index b12d9e492..43e56cc26 100644
--- a/frontend/src/views/Library/Scan/Base.vue
+++ b/frontend/src/views/Library/Scan/Base.vue
@@ -101,33 +101,40 @@ async function scan() {
   />
 
   <!-- Scan log -->
-  <v-row
-    no-gutters
-    class="align-center pa-4 overflow-y-auto"
-    :style="{ max-height: calc(100dvh-295px) }"
-    v-for="platform in scanningPlatforms"
-  >
-    <v-col>
-      <v-list-item
-        :to="{ name: 'platform', params: { platform: platform.id } }"
-      >
-        <v-avatar :rounded="0" size="40">
-          <platform-icon :key="platform.slug" :slug="platform.slug" />
-        </v-avatar>
-        <span class="text-body-2 ml-5"> {{ platform.name }}</span>
-      </v-list-item>
-      <v-list-item
-        v-for="rom in platform.roms"
-        class="text-body-2 romm-grey"
-        :to="{ name: 'rom', params: { rom: rom.id } }"
-      >
-        <span v-if="rom.igdb_id" class="ml-10">
-          • Identified <b>{{ rom.name }} 👾</b>
-        </span>
-        <span v-else class="ml-10">
-          • {{ rom.file_name }} not found in IGDB ❌
-        </span>
-      </v-list-item>
-    </v-col>
-  </v-row>
+  <div class="overflow-y-auto scan-log">
+    <v-row
+      no-gutters
+      class="align-center pa-4"
+      v-for="platform in scanningPlatforms"
+    >
+      <v-col>
+        <v-list-item
+          :to="{ name: 'platform', params: { platform: platform.id } }"
+        >
+          <v-avatar :rounded="0" size="40">
+            <platform-icon :key="platform.slug" :slug="platform.slug" />
+          </v-avatar>
+          <span class="text-body-2 ml-5"> {{ platform.name }}</span>
+        </v-list-item>
+        <v-list-item
+          v-for="rom in platform.roms"
+          class="text-body-2 romm-grey"
+          :to="{ name: 'rom', params: { rom: rom.id } }"
+        >
+          <span v-if="rom.igdb_id" class="ml-10">
+            • Identified <b>{{ rom.name }} 👾</b>
+          </span>
+          <span v-else class="ml-10">
+            • {{ rom.file_name }} not found in IGDB ❌
+          </span>
+        </v-list-item>
+      </v-col>
+    </v-row>
+  </div>
 </template>
+
+<style scoped>
+.scan-log {
+  max-height: calc(100vh - 295px);
+}
+</style>