From a1e8911933b6611cbaa812f3925192aaa7b2f666 Mon Sep 17 00:00:00 2001
From: Nikita Krupin <krupin.nikita0110@gmail.com>
Date: Mon, 15 Aug 2022 21:50:16 -0400
Subject: [PATCH] heroimage height & shadow

---
 src/lib/components/atoms/HeroImage.svelte     |  5 +++--
 .../organisms/IndexDescription.svelte         | 20 +++++++++----------
 src/routes/index.svelte                       |  2 +-
 3 files changed, 13 insertions(+), 14 deletions(-)

diff --git a/src/lib/components/atoms/HeroImage.svelte b/src/lib/components/atoms/HeroImage.svelte
index 88163dd..3f578eb 100644
--- a/src/lib/components/atoms/HeroImage.svelte
+++ b/src/lib/components/atoms/HeroImage.svelte
@@ -5,12 +5,13 @@
 
 <style>
 	.hero-img {
-		height: 40rem;
+		height: 80vh;
 		z-index: -1;
 		width: auto;
 		float: right;
-		border-radius: 20px;
+		border-radius: 2rem;
 		transform: rotate(3.7deg) translateY(2%) translateX(-15%);
+		box-shadow: 0 1rem 3rem 0 #0f111a;
 		user-select: none;
 	}
 </style>
diff --git a/src/lib/components/organisms/IndexDescription.svelte b/src/lib/components/organisms/IndexDescription.svelte
index 37c361f..48b0a84 100644
--- a/src/lib/components/organisms/IndexDescription.svelte
+++ b/src/lib/components/organisms/IndexDescription.svelte
@@ -1,33 +1,32 @@
 <script>
 	import Button from '$lib/components/atoms/Button.svelte';
-    import IndexHeroTitle from '../atoms/IndexHeroTitle.svelte';
-
+	import IndexHeroTitle from '../atoms/IndexHeroTitle.svelte';
 </script>
 
 <section class="hero">
-    <div class="hero-text">
-        <!-- <img class="hero-img" src="/manager.png" alt="Screenshot of ReVanced Manager" /> -->
-        <IndexHeroTitle></IndexHeroTitle>
-        <h2>
+	<div class="hero-text">
+		<!-- <img class="hero-img" src="/manager.png" alt="Screenshot of ReVanced Manager" /> -->
+		<IndexHeroTitle />
+		<h2>
 			An extensible framework for<br />
 			building application mods.
 		</h2>
-		
+
 		<div class="hero-buttons">
 			<Button kind="primary" href="/download" fontsize="1.3rem">Download</Button>
 			<Button href="/docs" fontsize="1.3rem">Read The Docs</Button>
 		</div>
-    </div>
+	</div>
 </section>
 
 <style>
 	.hero-text {
 		align-items: center;
 	}
-	
+
 	.hero-buttons {
 		display: flex;
-		gap:1rem;
+		gap: 1rem;
 		user-select: none;
 		transform: translateX(-3px);
 	}
@@ -36,5 +35,4 @@
 		font-size: 6.5rem;
 		letter-spacing: -0.04em;
 	}
-
 </style>
diff --git a/src/routes/index.svelte b/src/routes/index.svelte
index ca4ec1c..2845099 100644
--- a/src/routes/index.svelte
+++ b/src/routes/index.svelte
@@ -6,7 +6,7 @@
 
 <div class="wrapper">
 
-	<HeroImage></HeroImage>
+	<HeroImage />
 	<IndexDescription />
 	<SocialHost />