Improve Let's Go scrolling

codemonkey85 · Nov 1, 2024 · eaa6e77 · eaa6e77
1 parent 6b4f0d6
commit eaa6e77
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 3 deletions.
diff --git a/Pkmds.Web/Components/LetsGoBoxGrid.razor b/Pkmds.Web/Components/LetsGoBoxGrid.razor
@@ -2,8 +2,7 @@
 
 @if (AppState.SaveFile is SAV7b { } saveFile)
 {
-    <div class="box-grid-lets-go"
-         style="height:398px; overflow-x:auto;">
+    <div class="overflow-x-hidden overflow-y-none box-grid-lets-go">
         @{
             var count = 0;
         }

diff --git a/Pkmds.Web/Components/LetsGoBoxGrid.razor.css b/Pkmds.Web/Components/LetsGoBoxGrid.razor.css
@@ -1,6 +1,13 @@
 .box-grid-lets-go {
-    width: 480px;
+    width: 420px;
+    height: 398px;
     display: grid;
     grid-template-columns: repeat(5, 80px);
     grid-template-rows: repeat(200, 80px);
 }
+
+@media (min-width: 1280px) {
+    .box-grid-lets-go {
+        height: 796px;
+    }
+}