From 2cd4d9105cb94e84913c51167bd57d0baabec5e1 Mon Sep 17 00:00:00 2001
From: Adam Soltys <asoltys@gmail.com>
Date: Thu, 21 Sep 2023 15:17:00 -0700
Subject: fix input fields

---
 src/app.css                                        |  2 +-
 src/components/RegisterOrLogin.svelte              |  3 -
 src/routes/(app)/[username]/(profile)/+page.svelte | 72 ++++++----------------
 3 files changed, 20 insertions(+), 57 deletions(-)

(limited to 'src')

diff --git a/src/app.css b/src/app.css
index 63e5c767..c04278d0 100644
--- a/src/app.css
+++ b/src/app.css
@@ -30,7 +30,7 @@ html {
 
 input,
 textarea {
-	@apply block border rounded-2xl px-5 py-4 w-full text-white font-bold;
+	@apply block border rounded-2xl px-5 py-4 w-full;
 }
 
 button.primary {
diff --git a/src/components/RegisterOrLogin.svelte b/src/components/RegisterOrLogin.svelte
index d8475340..afe85db5 100644
--- a/src/components/RegisterOrLogin.svelte
+++ b/src/components/RegisterOrLogin.svelte
@@ -97,7 +97,6 @@
 						name="username"
 						type="text"
 						required
-						class="bg-primary"
 						bind:value={username}
 						use:focus
 						autocapitalize="none"
@@ -111,7 +110,6 @@
 							name="password"
 							type="text"
 							required
-							class="bg-primary"
 							bind:value={$password}
 							autocapitalize="none"
 						/>
@@ -120,7 +118,6 @@
 							name="password"
 							type="password"
 							required
-							class="bg-primary"
 							bind:value={$password}
 							autocapitalize="none"
 						/>
diff --git a/src/routes/(app)/[username]/(profile)/+page.svelte b/src/routes/(app)/[username]/(profile)/+page.svelte
index 78465d73..798509ed 100644
--- a/src/routes/(app)/[username]/(profile)/+page.svelte
+++ b/src/routes/(app)/[username]/(profile)/+page.svelte
@@ -84,64 +84,29 @@
 			<div class="flex justify-center lg:justify-start mb-8">
 				<Balance {user} />
 			</div>
-				<div class="space-y-8 mt-8">
-			{#if !user.balance}
+			<div class="space-y-8 mt-8">
+				{#if !user.balance}
 					<p class="text-secondary text-lg">
 						{$t('user.welcome')}
 					</p>
-      {/if}
-
-					<div class="flex gap-4 justify-center w-full">
-						<a href={`/${user.username}/receive`}>
-							<button
-								class="rounded-full border py-3 px-6 font-bold hover:opacity-80 flex w-60 bg-black text-white"
-							>
-								<div class="mx-auto flex">
-									<Icon icon="numpad" style="my-auto h-6 mr-2 invert" />
-									<div class="my-auto mt-1">Request Payment</div>
-								</div>
-							</button>
-						</a>
-
-							<a href={`/buy`}>
-								<button class="rounded-full border py-3 px-6 font-bold hover:opacity-80 flex w-60 bg-black text-white">
-									<div class="mx-auto flex">
-										<!-- <Icon icon="plus" style="my-auto h-6 mr-2" /> -->
-
-										<img
-											src="/images/bitcoin.svg"
-											class="w-8 border-4 border-transparent mr-2"
-											alt="Bitcoin"
-										/>
-										<div class="my-auto mt-1">Buy Bitcoin</div>
-									</div>
-								</button>
-							</a>
-					</div>
-				</div>
-			{/if}
+				{/if}
 
-			<div class="flex flex-wrap gap-4 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 md:w-60">
-						<div class="mx-auto flex">
-							<Icon icon="numpad" style="my-auto h-6 mr-2" />
-							<div class="my-auto mt-1">{$t('user.requestPayment')}</div>
-						</div>
-					</button>
-				</a>
-				<a href={`/scan`} class="w-full md:w-60">
-					<button class="rounded-full border py-3 px-6 font-bold hover:opacity-80 flex w-full md:w-60">
-						<div class="mx-auto flex">
-							<Icon icon="scan" style="my-auto h-6 mr-2" />
-							<div class="my-auto mt-1">{$t('user.send.scan')}</div>
-						</div>
-					</button>
-				</a>
+				<div class="flex gap-4 justify-center w-full">
+					<a href={`/${user.username}/receive`}>
+						<button
+							class="rounded-full border py-3 px-6 font-bold hover:opacity-80 flex w-60 bg-black text-white"
+						>
+							<div class="mx-auto flex">
+								<Icon icon="numpad" style="my-auto h-6 mr-2 invert" />
+								<div class="my-auto mt-1">Request Payment</div>
+							</div>
+						</button>
+					</a>
 
-				{#if user.eligible}
 					<a href={`/buy`}>
-						<button class="rounded-full border py-3 px-6 font-bold hover:opacity-80 flex w-60">
+						<button
+							class="rounded-full border py-3 px-6 font-bold hover:opacity-80 flex w-60 bg-black text-white"
+						>
 							<div class="mx-auto flex">
 								<!-- <Icon icon="plus" style="my-auto h-6 mr-2" /> -->
 
@@ -154,8 +119,9 @@
 							</div>
 						</button>
 					</a>
-				{/if}
+				</div>
 			</div>
+
 		</div>
 	{/if}
 
-- 
cgit v1.2.3