Add Learn More button to Nonprofit in Project (#86)

* Add Learn More button to Nonprofit in Project * add space. change button type * Switch text and bg colors --------- Co-authored-by: AndrewLester <[email protected]>
hack4impact-uiuc · Jan 24, 2024 · 15cea4c · 15cea4c · vercel · Jan 24, 2024
1 parent fc4f9ce
commit 15cea4c
Showing 1 changed file with 8 additions and 0 deletions.
diff --git a/src/routes/projects/[slug]/+page.svelte b/src/routes/projects/[slug]/+page.svelte
@@ -1,4 +1,5 @@
 <script lang="ts">
+  import Button from "$lib/components/Button.svelte";
   import DoubleBanner from "$lib/components/DoubleBanner.svelte";
   import ProjectMember from "$lib/components/projects/ProjectMember.svelte";
   import Section from "$lib/components/Section.svelte";
@@ -46,6 +47,13 @@
 >
   <h2>Our Partner</h2>
   <p>{data.project.nonprofitDescription}</p>
+  <Button
+    href={data.project.nonprofitUrl}
+    type="primary-custom"
+    textColor="white"
+    backgroundColor={data.project.accentColor}
+    size="small">Learn More &nearr;</Button
+  >
 </Section>
 
 <Section