From 68324d98d996159e6e8695d0c82271d0b542754f Mon Sep 17 00:00:00 2001
From: Alex Panturu <panturu.alexandru@gmail.com>
Date: Wed, 15 May 2024 17:59:33 +0300
Subject: [PATCH] explorer: fix double scrollbar issue

---
 explorer/src/app.html                                  | 2 +-
 explorer/src/lib/components/blocks-card/BlocksCard.css | 1 -
 explorer/src/lib/components/data-card/DataCard.css     | 3 +++
 explorer/src/routes/+layout.svelte                     | 7 +++++++
 explorer/src/routes/blocks/+page.svelte                | 8 ++++++++
 explorer/src/style/main.css                            | 6 ++++++
 6 files changed, 25 insertions(+), 2 deletions(-)

diff --git a/explorer/src/app.html b/explorer/src/app.html
index b74b01f319..9066881782 100644
--- a/explorer/src/app.html
+++ b/explorer/src/app.html
@@ -16,6 +16,6 @@
     data-sveltekit-preload-code="viewport"
     data-sveltekit-preload-data="hover"
   >
-    <div>%sveltekit.body%</div>
+    <div class="app-container">%sveltekit.body%</div>
   </body>
 </html>
diff --git a/explorer/src/lib/components/blocks-card/BlocksCard.css b/explorer/src/lib/components/blocks-card/BlocksCard.css
index a97dce8cea..69050f4372 100644
--- a/explorer/src/lib/components/blocks-card/BlocksCard.css
+++ b/explorer/src/lib/components/blocks-card/BlocksCard.css
@@ -1,5 +1,4 @@
 .blocks-card__table,
 .blocks-card__list {
-  max-height: 70dvh;
   overflow-y: auto;
 }
diff --git a/explorer/src/lib/components/data-card/DataCard.css b/explorer/src/lib/components/data-card/DataCard.css
index fcb1e9384f..3865ecc2f5 100644
--- a/explorer/src/lib/components/data-card/DataCard.css
+++ b/explorer/src/lib/components/data-card/DataCard.css
@@ -1,5 +1,8 @@
 .data-card {
   padding: 1rem 0;
+  display: flex;
+  flex-direction: column;
+  overflow: hidden;
 }
 
 .data-card__loading-notice {
diff --git a/explorer/src/routes/+layout.svelte b/explorer/src/routes/+layout.svelte
index 1a780f4ce9..bc298ec69d 100644
--- a/explorer/src/routes/+layout.svelte
+++ b/explorer/src/routes/+layout.svelte
@@ -30,3 +30,10 @@
 </footer>
 
 <Tooltip id="main-tooltip" />
+
+<style>
+  .explorer {
+    display: flex;
+    flex-direction: column;
+  }
+</style>
diff --git a/explorer/src/routes/blocks/+page.svelte b/explorer/src/routes/blocks/+page.svelte
index 141ed89fc8..c906a95790 100644
--- a/explorer/src/routes/blocks/+page.svelte
+++ b/explorer/src/routes/blocks/+page.svelte
@@ -29,3 +29,11 @@
     loading={isLoading}
   />
 </section>
+
+<style>
+  .blocks {
+    display: flex;
+    flex-direction: column;
+    overflow: hidden;
+  }
+</style>
diff --git a/explorer/src/style/main.css b/explorer/src/style/main.css
index 6e9e4e399c..0cd8934e60 100644
--- a/explorer/src/style/main.css
+++ b/explorer/src/style/main.css
@@ -67,3 +67,9 @@ svg {
     padding: 0 1.25rem;
   }
 }
+
+.app-container {
+  display: flex;
+  flex-direction: column;
+  height: 100dvh;
+}