feat: drop

AtomiCloud · Dec 29, 2024 · c7a47c5 · c7a47c5
1 parent a7c3ded
commit c7a47c5
Show file tree

Hide file tree

Showing 5 changed files with 28 additions and 102 deletions.
diff --git a/src/assets/bg-web.svg b/src/assets/bg-web.svg
diff --git a/src/components/index/Background.astro b/src/components/index/Background.astro
diff --git a/src/components/index/Hero.astro b/src/components/index/Hero.astro
@@ -6,7 +6,6 @@ import blob from '../../assets/blob.svg';
 import mascot from "../../assets/mascot.png";
 import Waitlist from "./Waitlist.astro";
 import Nav from "../Nav.astro";
-import Background from "./Background.astro";
 import SvgBackground from "./SvgBackground.astro";
 ---
 
@@ -88,7 +87,7 @@ import SvgBackground from "./SvgBackground.astro";
     }
 
     main {
-        min-height: calc(100vh - 6rem);
+        min-height: calc(100dvh - 6rem);
         display: flex;
         flex-direction: column;
         margin: auto;

diff --git a/src/components/index/SvgBackground.astro b/src/components/index/SvgBackground.astro
@@ -1,9 +1,11 @@
 ---
 import background from '../../assets/bg-2.svg';
+import webBackground from '../../assets/bg-web.svg';
 ---
 
-<div class="background absolute top-0 z-0 h-[60vh] md:[h-100vh]">
-    <img src={background.src} alt="background" class="w-full h-full object-cover"/>
+<div class="background absolute top-0 z-0 h-[60vh] md:h-[100vh]">
+    <img src={background.src} alt="background" class="w-full h-full object-cover block md:hidden"/>
+    <img src={webBackground.src} alt="background" class="w-full h-full object-cover hidden md:block"/>
 </div>
 
 <style>

diff --git a/src/pages/index.astro b/src/pages/index.astro
@@ -7,4 +7,13 @@ import '@/styles/globals.css'
 
 <Layout>
 	<Hero />
+	<div>Hello</div>
+	<div>Hello</div>
+	<div>Hello</div>
+	<div>Hello</div>
+	<div>Hello</div>
+	<div>Hello</div>
+	<div>Hello</div>
+	<div>Hello</div>
+
 </Layout>