From f9362fa577172a017c8df26aefc88abba042b092 Mon Sep 17 00:00:00 2001 From: Juan Di Toro Date: Mon, 14 Aug 2023 11:47:21 +0200 Subject: [PATCH] fix: overall improvements of the responsive layout --- src/components/Home/Meme/Meme.astro | 2 +- .../Home/Typewriter/Typewriter.astro | 12 +- .../Home/Typewriter/TypewriterContent.jsx | 2 +- src/components/Home/Web3/Web3.astro | 6 +- src/components/Layout/Navbar/Navbar.astro | 11 ++ src/layouts/Layout.astro | 71 ++++---- src/pages/index.astro | 5 + src/styles/global.scss | 158 +----------------- 8 files changed, 62 insertions(+), 205 deletions(-) diff --git a/src/components/Home/Meme/Meme.astro b/src/components/Home/Meme/Meme.astro index f111a2b..a4fd2d2 100644 --- a/src/components/Home/Meme/Meme.astro +++ b/src/components/Home/Meme/Meme.astro @@ -2,7 +2,7 @@ import mulletMeme from "/src/assets/centralized-mullet-meme.png"; --- -
+

- -

-

diff --git a/src/components/Home/Typewriter/TypewriterContent.jsx b/src/components/Home/Typewriter/TypewriterContent.jsx index 07245dd..6f0c22e 100644 --- a/src/components/Home/Typewriter/TypewriterContent.jsx +++ b/src/components/Home/Typewriter/TypewriterContent.jsx @@ -4,7 +4,7 @@ const HeaderContent = () => { var headerStrings = [ 'Access to the web
for the masses', - 'An open web for business', + 'An open web
for business', 'Web3 for the masses', 'Web3 for you' ], diff --git a/src/components/Home/Web3/Web3.astro b/src/components/Home/Web3/Web3.astro index d510994..bac4169 100644 --- a/src/components/Home/Web3/Web3.astro +++ b/src/components/Home/Web3/Web3.astro @@ -6,8 +6,10 @@ import gfxLeft from "../../../assets/home-gfx-left.png"; id="web3" class="flex flex-col lg:flex-row lg:bg-transparent lg:p-0 gap-10 mx-10 sm:mx-20 xl:mx-40" > -
- +
+
+ +

{ @@ -82,6 +91,7 @@ function getActiveClass(linkView) { }); navbarOverlayEl.classList.toggle("hidden"); + toggleScrollBlock(); } function handleOverlayClick() { @@ -91,6 +101,7 @@ function getActiveClass(linkView) { }); navbarOverlayEl.classList.toggle("hidden"); + toggleScrollBlock(); } hamburgerEl.addEventListener("click", handleMenuClick); diff --git a/src/layouts/Layout.astro b/src/layouts/Layout.astro index ef56a80..3708319 100644 --- a/src/layouts/Layout.astro +++ b/src/layouts/Layout.astro @@ -5,53 +5,56 @@ import Footer from "../components/Layout/Footer/Footer.astro"; import JoinCommunity from "../components/Layout/JoinCommunity/JoinCommunity.astro"; export interface Props { - view: string; - title: string; + view: string; + title: string; } -const {view, title} = Astro.props; +const { view, title } = Astro.props; --- - + {title} - + + - - - - -
- -
-{view !== "home" && - } -