feat: wallet adoption cards

payjoin · Nov 2, 2023 · 1a11a32 · 1a11a32
1 parent 09686b1
commit 1a11a32
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 7 deletions.
diff --git a/src/features/WalletCard.svelte b/src/features/WalletCard.svelte
@@ -6,8 +6,12 @@
 	export let wallets: AcceptedWallet[] = [];
 </script>
 
-<div class={`flex gap-12 p-4 ${bad ? 'bg-red-400' : 'bg-green-300'}`}>
-	{#each wallets as { name, href }}
-		<LinkTag {href} {bad} text={name} />
-	{/each}
+<div class="flex-1">
+	<div
+		class={`flex  gap-4 p-4 items-end rounded-3xl flex-wrap ${bad ? 'bg-red-400' : 'bg-green-300'}`}
+	>
+		{#each wallets as { name, href }}
+			<LinkTag {href} {bad} text={name} />
+		{/each}
+	</div>
 </div>
diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte
@@ -288,9 +288,7 @@
 				list!</H3
 			>
 		</div>
-
-		<!-- <AdoptionTable /> -->
-		<div class="flex w-full gap-12 overflow-visible">
+		<div class="flex gap-12 max-md:flex-col">
 			<WalletCard wallets={privateWallets} />
 			<WalletCard bad wallets={surveilledWallets} />
 		</div>