fix: hide globs correctly behind overflow

BBN-Holding · Jul 27, 2023 · 66ee153 · 66ee153
1 parent 2d87a23
commit 66ee153
Show file tree

Hide file tree

Showing 5 changed files with 14 additions and 3 deletions.
diff --git a/components/nav.css b/components/nav.css
@@ -23,6 +23,7 @@ nav.settings {
 nav.home {
     position: fixed;
     backdrop-filter: blur(3px);
+    -webkit-backdrop-filter: blur(3px);
 }
 
 [data-theme="light"] nav.home {

diff --git a/data/locations.json b/data/locations.json
@@ -2,5 +2,5 @@
     "bbn-fsn": "🇩🇪 Falkenstein (Free)",
     "bbn-hel": "🇫🇮 Helsinki (Free)",
     "bbn-mum": "🇮🇳 Mumbai (Free)",
-    "bbn-sgp": "🇸🇬 Singapur (Free)"
+    "bbn-sgp": "🇸🇬 Singapore (Free)"
 }
diff --git a/pages/holding/landing.css b/pages/holding/landing.css
@@ -2,6 +2,12 @@ body {
     overflow-x: hidden;
 }
 
+.content {
+    overflow: hidden;
+    margin-bottom: -52rem;
+    padding-bottom: 52rem;
+}
+
 .content>* {
     z-index: 2;
 }

diff --git a/pages/shared/footer.css b/pages/shared/footer.css
@@ -1,3 +1,7 @@
+.footer-space {
+    overflow: hidden;
+}
+
 .footer {
     --spacing: 4rem;
     position: relative;

diff --git a/pages/shared/footer.ts b/pages/shared/footer.ts
@@ -3,7 +3,7 @@ import splash from "../../assets/splash.png";
 import './footer.css';
 
 export function Footer() {
-    return Box(
+    return Box(Box(
         Image(splash, "Splash Image").addClass("splash-image"),
         Box(
             Box(
@@ -82,5 +82,5 @@ export function Footer() {
             )
                 .addClass("icon-bar")
         ).addClass("area-bg")
-    ).addClass("footer");
+    ).addClass("footer")).addClass("footer-space");
 }