Merge pull request #332 from BramLeisink/main

Fix buttons not having a href property
zen-browser · Dec 10, 2024 · 609707b · 609707b
2 parents 2120ee6 + 1f36889
commit 609707b
Show file tree

Hide file tree

Showing 3 changed files with 8 additions and 10 deletions.
diff --git a/src/components/Community.astro b/src/components/Community.astro
@@ -21,12 +21,10 @@ import {
     features they want. Zen focuses on privacy and customization, not on data collection.
   </Description>
   <div class="mt-6 gap-3 px-4 sm:px-0 w-full sm:gap-10 flex flex-wrap justify-center">
-    <a href="https://github.com/zen-browser">
-      <Button class:list={['px-4']}>
-        <Github class="size-4" />
-        <span>View on Github</span>
-      </Button>
-    </a>
+    <Button class:list={['px-4']} href="https://github.com/zen-browser">
+      <Github class="size-4" />
+      <span>View on Github</span>
+    </Button>
     <div class="flex items-center gap-4">
       <Check class="size-4" />
       <span>Fully Customizable</span>

diff --git a/src/components/Hero.astro b/src/components/Hero.astro
@@ -22,7 +22,7 @@ import { ArrowRight } from 'lucide-astro'
         Download
         <ArrowRight class="size-4" />
       </Button>
-      <Button>Start Exploring</Button>
+      <Button href="#features">Start Exploring</Button>
     </div>
   </div>
 </header>

diff --git a/src/components/HomeExtras.astro b/src/components/HomeExtras.astro
@@ -21,9 +21,9 @@ import { ArrowRight } from 'lucide-astro';
     </Description>
     <div class="flex mt-4">
       <Button isPrimary href="/mods">
-  Zen Mods
-  <ArrowRight className="size-4" />
-</Button>
+      Zen Mods
+      <ArrowRight className="size-4" />
+    </Button>
     </div>
   </div>
   <div class="relative w-1/2 flex hidden lg:block" id="browser-images">