From 5a13331a525fa298c1b7435db5e468138ba8572e Mon Sep 17 00:00:00 2001
From: Adam Soltys <asoltys@gmail.com>
Date: Thu, 16 Nov 2023 00:21:08 -0800
Subject: ui tweaks

---
 src/routes/(app)/[username]/(profile)/+layout.svelte | 12 ++++++------
 src/routes/(app)/[username]/(profile)/+page.svelte   | 20 ++++++++++----------
 2 files changed, 16 insertions(+), 16 deletions(-)

(limited to 'src')

diff --git a/src/routes/(app)/[username]/(profile)/+layout.svelte b/src/routes/(app)/[username]/(profile)/+layout.svelte
index bd2bf0d3..9e7a47bb 100644
--- a/src/routes/(app)/[username]/(profile)/+layout.svelte
+++ b/src/routes/(app)/[username]/(profile)/+layout.svelte
@@ -58,9 +58,9 @@
 	let toggleDetails = () => (showDetails = !showDetails);
 </script>
 
-<div class="container mx-auto w-full px-4 mb-4 flex flex-wrap lg:flex-nowrap space-y-5">
+<div class="container mx-auto w-full px-4 flex flex-wrap lg:flex-nowrap">
 	<div class="hidden lg:block lg:w-[300px]" />
-	<div class="lg:w-[300px] lg:absolute space-y-5 left-20 mx-auto max-w-md">
+	<div class="lg:w-[300px] lg:absolute space-y-5 left-20 mx-auto max-w-sm">
 		<div class="flex text-3xl font-bold text-center mx-auto justify-center gap-2">
 			<div class="my-auto">{display || username}</div>
 			<button on:click={toggleDetails}>
@@ -71,7 +71,7 @@
 		{#if showDetails}
 			<div>
 				<div class="font-bold">{$t('user.profilePage')}</div>
-				<div class="flex gap-2">
+				<div class="flex gap-4">
 					<div class="break-all grow text-secondary text-lg">
 						{profile}
 					</div>
@@ -90,7 +90,7 @@
 			</div>
 			<div>
 				<div class="font-bold">{$t('user.lightningAddress')}</div>
-				<div class="flex gap-2">
+				<div class="flex gap-4">
 					<div class="break-all grow text-secondary text-lg">
 						{lnaddr}
 					</div>
@@ -109,7 +109,7 @@
 			</div>
 			<div>
 				<div class="font-bold">{$t('user.nostrPubkey')}</div>
-				<div class="flex gap-2">
+				<div class="flex gap-4">
 					<div class="break-all grow text-secondary text-lg">
 						{npub}
 					</div>
@@ -139,7 +139,7 @@
 			</div>
 		{/if}
 
-		<div class="flex justify-center gap-4">
+		<div class="flex justify-center gap-2">
 			<a href={`/${subject.pubkey}/follows`}
 				><b>{subject.follows.length}</b>
 				<span class="text-secondary">{$t('user.following')}</span></a
diff --git a/src/routes/(app)/[username]/(profile)/+page.svelte b/src/routes/(app)/[username]/(profile)/+page.svelte
index 42cf9527..32a1f2cb 100644
--- a/src/routes/(app)/[username]/(profile)/+page.svelte
+++ b/src/routes/(app)/[username]/(profile)/+page.svelte
@@ -78,10 +78,10 @@
 	});
 </script>
 
-<div class="space-y-8">
+<div class="space-y-5">
 	{#if user?.id === subject.id}
-		<div>
-			<div class="flex justify-center lg:justify-start mb-8">
+		<div class="space-y-5">
+			<div class="flex justify-center lg:justify-start">
 				<Balance {user} />
 			</div>
 
@@ -93,24 +93,24 @@
 				</div>
 			{/if}
 
-			<div class="flex flex-wrap gap-4 justify-center w-full">
+			<div class="flex flex-wrap gap-2 justify-center w-full">
 				<a href={`/${user.username}/receive`} class="w-full md:w-60">
 					<button
-						class="rounded-full border py-3 px-6 font-bold hover:opacity-80 flex w-full bg-black text-white"
+						class="rounded-full border py-3 px-6 font-bold hover:opacity-80 flex w-full"
 					>
 						<div class="mx-auto flex">
-							<Icon icon="numpad" style="my-auto h-6 mr-2 invert" />
-							<div class="my-auto mt-1">{$t('user.dashboard.receive')}</div>
+							<Icon icon="numpad" style="my-auto h-6 mr-2" />
+							<div class="my-auto">{$t('user.dashboard.receive')}</div>
 						</div>
 					</button>
 				</a>
 				<a href={`/send`} class="w-full md:w-60">
 					<button
-						class="rounded-full border py-3 px-6 font-bold hover:opacity-80 flex w-full bg-black text-white"
+						class="rounded-full border py-3 px-6 font-bold hover:opacity-80 flex w-full"
 					>
 						<div class="mx-auto flex">
-							<Icon icon="send" style="my-auto h-6 mr-2 invert" />
-							<div class="my-auto mt-1">{$t('user.dashboard.send')}</div>
+							<Icon icon="send" style="my-auto h-6 mr-2" />
+							<div class="my-auto">{$t('user.dashboard.send')}</div>
 						</div>
 					</button>
 				</a>
-- 
cgit v1.2.3