From 7782f0c277db0b35c7d724d7b0807fa6cb0a2e35 Mon Sep 17 00:00:00 2001
From: Adam Soltys <asoltys@gmail.com>
Date: Sat, 12 Nov 2022 23:17:10 -0800
Subject: team mobile styles

---
 src/app.css                                        |  3 +-
 src/components/About.svelte                        | 50 ++++++------
 src/lib/invoice.js                                 |  2 +-
 src/routes/(app)/[username]/dashboard/+page.svelte | 92 +++++++++++-----------
 src/routes/(app)/invoice/[id]/tip/+page.svelte     |  4 +-
 src/routes/(app)/send/[...text]/+page.server.js    |  2 +-
 src/routes/(app)/send/[...text]/+page.svelte       |  2 +-
 src/routes/(app)/support/+page.svelte              |  8 +-
 8 files changed, 82 insertions(+), 81 deletions(-)

(limited to 'src')

diff --git a/src/app.css b/src/app.css
index 1689e207..12fad732 100644
--- a/src/app.css
+++ b/src/app.css
@@ -20,7 +20,8 @@ html {
 	background-color: white;
 }
 
-input, textarea {
+input,
+textarea {
 	@apply block border rounded-2xl px-5 py-4 w-full;
 }
 
diff --git a/src/components/About.svelte b/src/components/About.svelte
index 4e3b7d25..317c190e 100644
--- a/src/components/About.svelte
+++ b/src/components/About.svelte
@@ -49,33 +49,35 @@
 		</h3>
 		<div class="space-y-10 2xl:space-y-0 2xl:grid gap-y-10 grid-cols-2">
 			{#each team as member}
-				<div class="md:flex justify-center 2xl:items-start md:space-x-10">
-					<div class="w-[220px]">
-						<Image image={member.name} style="rounded-full mx-auto w-40 h-40 mb-5 object-cover" />
+				<div class="flex w-full">
+					<div class="md:flex 2xl:items-start md:max-w-2xl mx-auto">
+						<div class="w-[220px] mx-auto">
+							<Image image={member.name} style="rounded-full mx-auto w-40 h-40 mb-5 object-cover" />
 
-						<div class="space-y-2">
-							<span class="text-2xl text-center font-semibold block"
-								>{$t(`about.team.${member.name}.name`)}</span
-							>
-							<span class="text-xl text-center text-secondary block"
-								>{$t(`about.team.${member.name}.position`)}</span
-							>
-						</div>
-
-						<div class="mt-2 flex justify-center items-center space-x-5">
-							{#each member.socials as social}
-								<a
-									href={social.url}
-									target="_blank"
-									rel="noreferrer"
-									class={`rounded-full p-2 ${social.color} hover:opacity-80`}
-									><Icon icon={social.type} style="w-6" /></a
+							<div class="space-y-2">
+								<span class="text-2xl text-center font-semibold block"
+									>{$t(`about.team.${member.name}.name`)}</span
+								>
+								<span class="text-xl text-center text-secondary block"
+									>{$t(`about.team.${member.name}.position`)}</span
 								>
-							{/each}
+							</div>
+
+							<div class="mt-2 flex justify-center items-center space-x-5">
+								{#each member.socials as social}
+									<a
+										href={social.url}
+										target="_blank"
+										rel="noreferrer"
+										class={`rounded-full p-2 ${social.color} hover:opacity-80`}
+										><Icon icon={social.type} style="w-6" /></a
+									>
+								{/each}
+							</div>
+						</div>
+						<div class="text-secondary text-xl w-full max-w-[450px] mt-5">
+							{$t(`about.team.${member.name}.bio`)}
 						</div>
-					</div>
-					<div class="text-secondary text-xl w-full md:w-[450px] mt-5">
-						{$t(`about.team.${member.name}.bio`)}
 					</div>
 				</div>
 			{/each}
diff --git a/src/lib/invoice.js b/src/lib/invoice.js
index 3f4504f2..657da735 100644
--- a/src/lib/invoice.js
+++ b/src/lib/invoice.js
@@ -22,7 +22,7 @@ export default async ({ cookies, request, url }) => {
 	let { uuid } = await post('/invoice', { invoice, user }, auth(cookies));
 
 	if (request_id) {
-    console.log("HERE", request_id)
+		console.log('HERE', request_id);
 		if (url.pathname.endsWith('tip')) throw redirect(307, `/send/${uuid}`);
 		throw redirect(307, `/${user.username}/request/${request_id}`);
 	}
diff --git a/src/routes/(app)/[username]/dashboard/+page.svelte b/src/routes/(app)/[username]/dashboard/+page.svelte
index 1672c439..7acae7bd 100644
--- a/src/routes/(app)/[username]/dashboard/+page.svelte
+++ b/src/routes/(app)/[username]/dashboard/+page.svelte
@@ -91,50 +91,30 @@
 		</a>
 	</div>
 
-  <div>
-	{#each invoices as { request_id, amount, currency, rate, user: recipient, requester, uuid }}
-		<div class="border-b p-2 last:border-b-0 hover:bg-gray-100">
-			<div class="flex gap-2">
-				<div>
-					{#if user.username === requester.username}
-						<div class="flex">
-							<Avatar user={recipient} size={20} />
-							<div class="my-auto text-left">
-								<p class="text-secondary">Invoice from</p>
-								<p class="ml-1 text-lg break-words">{recipient.username}</p>
-							</div>
-						</div>
-					{:else}
-						<div class="flex">
-							<Avatar user={requester} size={20} />
-							<div class="my-auto text-left">
-								<p class="text-secondary">You invoiced</p>
-								<p class="ml-1 text-lg break-words">{requester.username}</p>
+	<div>
+		{#each invoices as { request_id, amount, currency, rate, user: recipient, requester, uuid }}
+			<div class="border-b p-2 last:border-b-0 hover:bg-gray-100">
+				<div class="flex gap-2">
+					<div>
+						{#if user.username === requester.username}
+							<div class="flex">
+								<Avatar user={recipient} size={20} />
+								<div class="my-auto text-left">
+									<p class="text-secondary">Invoice from</p>
+									<p class="ml-1 text-lg break-words">{recipient.username}</p>
+								</div>
 							</div>
-						</div>
-					{/if}
-				</div>
-				<div class="ml-auto space-y-2">
-					<div class="w-full flex">
-						<div class="flex ml-auto my-auto gap-2">
-							{#if user.username === requester.username}
-								<a href={`/invoice/${uuid}/tip`}>
-									<div class="p-2 border rounded-xl bg-white flex">
-										<Icon icon="send" style="w-6 opacity-50 hover:opacity-100" />
-									</div>
-								</a>
-							{/if}
-							<form action={`/${user.username}/request?/delete`} method="POST" use:enhance>
-								<input type="hidden" name="request_id" value={request_id} />
-								<div class="p-2 border rounded-xl bg-white flex">
-									<button type="submit">
-										<Icon icon="close" style="w-6 opacity-50 hover:opacity-100" />
-									</button>
+						{:else}
+							<div class="flex">
+								<Avatar user={requester} size={20} />
+								<div class="my-auto text-left">
+									<p class="text-secondary">You invoiced</p>
+									<p class="ml-1 text-lg break-words">{requester.username}</p>
 								</div>
-							</form>
-						</div>
+							</div>
+						{/if}
 					</div>
-					<div class="whitespace-nowrap my-auto mx-auto flex gap-2">
+					<div class="whitespace-nowrap my-auto ml-auto flex gap-2">
 						<div class="font-bold">
 							{f(amount * (rate / sats), currency)}
 						</div>
@@ -142,10 +122,34 @@
 						<div class="text-secondary">{sat(amount)}</div>
 					</div>
 				</div>
+				<div class="w-full flex">
+					<div class="flex mx-auto my-auto gap-2">
+						{#if user.username === requester.username}
+							<a href={`/invoice/${uuid}/tip`}>
+								<div class="p-2 border rounded-full">
+									<div class="flex">
+										<Icon icon="send" style="w-6" />
+										<div>Pay</div>
+									</div>
+								</div>
+							</a>
+						{/if}
+						<form action={`/${user.username}/request?/delete`} method="POST" use:enhance>
+							<input type="hidden" name="request_id" value={request_id} />
+							<div class="p-2 border rounded-full bg-white flex">
+								<button type="submit">
+									<div class="flex">
+										<Icon icon="close" style="w-6" />
+										<div>Dismiss</div>
+									</div>
+								</button>
+							</div>
+						</form>
+					</div>
+				</div>
 			</div>
-		</div>
-	{/each}
-  </div>
+		{/each}
+	</div>
 
 	<div>
 		{#each requests as { id, invoice, memo, requester: r }}
diff --git a/src/routes/(app)/invoice/[id]/tip/+page.svelte b/src/routes/(app)/invoice/[id]/tip/+page.svelte
index 34393827..625248a0 100644
--- a/src/routes/(app)/invoice/[id]/tip/+page.svelte
+++ b/src/routes/(app)/invoice/[id]/tip/+page.svelte
@@ -1,5 +1,5 @@
 <script>
-  import { onMount } from "svelte";
+	import { onMount } from 'svelte';
 	import { browser } from '$app/environment';
 	import { invoice as inv, invoices, request } from '$lib/store';
 	import { back, copy, f, sat, get, reverseFormat, s, sats } from '$lib/utils';
@@ -114,7 +114,7 @@
 
 	$: invoiceAmountFiatFormatted = f(amountFiat, currency);
 
-  onMount(() => ($request = undefined));
+	onMount(() => ($request = undefined));
 </script>
 
 <button class="ml-5 md:ml-20 mt-5 md:mt-10 hover:opacity-80" on:click={back}>
diff --git a/src/routes/(app)/send/[...text]/+page.server.js b/src/routes/(app)/send/[...text]/+page.server.js
index 2a93186d..a99e9c59 100644
--- a/src/routes/(app)/send/[...text]/+page.server.js
+++ b/src/routes/(app)/send/[...text]/+page.server.js
@@ -25,7 +25,7 @@ let parse = async (t, host) => {
 		}
 	}
 
-  if (t.includes("/voucher")) throw redirect(307, t.substring(t.indexOf('/voucher')));
+	if (t.includes('/voucher')) throw redirect(307, t.substring(t.indexOf('/voucher')));
 
 	if (t.toLowerCase().startsWith('lnurl')) throw redirect(307, `/ln/${t}`);
 	if (t.includes(':')) t = t.split(':')[1];
diff --git a/src/routes/(app)/send/[...text]/+page.svelte b/src/routes/(app)/send/[...text]/+page.svelte
index d63b09ec..7232b307 100644
--- a/src/routes/(app)/send/[...text]/+page.svelte
+++ b/src/routes/(app)/send/[...text]/+page.svelte
@@ -11,7 +11,7 @@
 
 	export let data;
 	export let form;
-  data.subject = data.user;
+	data.subject = data.user;
 
 	let { contacts } = data;
 	let w;
diff --git a/src/routes/(app)/support/+page.svelte b/src/routes/(app)/support/+page.svelte
index 996788b7..0d2c2e5b 100644
--- a/src/routes/(app)/support/+page.svelte
+++ b/src/routes/(app)/support/+page.svelte
@@ -61,13 +61,7 @@
 
 			<div class="mb-4">
 				<label for="email" class="font-semibold">{$t('user.support.email')}</label>
-				<input
-					class="bg-primary"
-					type="email"
-					name="email"
-					bind:value={email}
-					required
-				/>
+				<input class="bg-primary" type="email" name="email" bind:value={email} required />
 			</div>
 
 			<div class="mb-4">
-- 
cgit v1.2.3