Merge pull request #21 from thebrandonlucas/master

fix: payjoin icon
payjoin · Aug 12, 2023 · 2c3d22c · 2c3d22c
2 parents 55e3e1c + aeb4016
commit 2c3d22c
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 10 deletions.
diff --git a/src/components/Icon/Icon.svelte b/src/components/Icon/Icon.svelte
@@ -5,7 +5,7 @@
 	export let name: IconName;
 </script>
 
-<span class={`flex ${$$props.class || 'h-6 text-primary'}`}>
+<span class={` ${$$props.class || 'flex h-6 text-primary'}`}>
 	<!-- NOTE: if we don't know the source of the data, using @html can lead to XSS attacks.
   In this case, we know the data is safe because it's an SVG in our repo -->
 	<!-- eslint-disable-next-line svelte/no-at-html-tags -->

diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte
@@ -1,27 +1,22 @@
 <script>
-	import { base } from '$app/paths';
 	import Button from '../components/Button.svelte';
 	import Capsule from '../components/Capsule.svelte';
 	import Icon from '../components/Icon/Icon.svelte';
 	import Link from '../components/Link.svelte';
-
-	$: console.log({ base });
 </script>
 
 <div class="w-4/5 flex flex-col gap-8">
 	<section class="h-screen pt-10 pb-8 flex items-center justify-between flex-col">
 		<div>
 			<!-- TODO: some clever quip with "pay" and "join" concepts -->
 			<h1>Payjoin</h1>
-			<h2>Better Bitcoin Transactions</h2>
 			<h5 class="text-2xl">
-				Payjoin is a simple protocol that can scale Bitcoin, save fees, and preserve privacy all at
-				once
+				A simple protocol that can scale Bitcoin, save fees, and preserve privacy all at once
 			</h5>
 		</div>
-		<a href="#why" class="flex flex-col gap-2 justify-center animate-smooth-bounce">
+		<a href="#why" class="flex flex-col gap-4 justify-center animate-smooth-bounce">
 			<p class="text-primary">Why Payjoin?</p>
-			<Icon class="h-20" name="arrowJoin" />
+			<Icon class="h-20 flex justify-center " name="arrowJoin" />
 		</a>
 	</section>
 	<!-- TODO: flex col on large screen -->
@@ -234,7 +229,7 @@
 				merchant, please consider accepting payjoin. If you are a user, please ask your wallet
 				provider to support payjoin. -->
 		</div>
-		<img class="w-2/5" src={`${base}/images/uncle-satoshi.jpg`} alt="Satoshi Needs Your Help!" />
+		<img class="w-2/5" src={`/images/uncle-satoshi.jpg`} alt="Satoshi Needs Your Help!" />
 	</section>
 	<section class="flex gap-4 justify-between mb-10">
 		<div class="flex flex-col">