From 5b63183d65eba1e5e53696e4bcf92882b5cee900 Mon Sep 17 00:00:00 2001
From: secondl1ght <85003930+secondl1ght@users.noreply.github.com>
Date: Thu, 1 Sep 2022 20:31:18 -0400
Subject: some style adjustments

---
 src/components/LandingHeader.svelte            |  5 +++--
 src/components/Qr.svelte                       |  2 +-
 src/components/RegisterOrLogin.svelte          | 16 +++++-----------
 src/locales/en.json                            |  4 ++--
 src/routes/+layout.svelte                      |  2 +-
 src/routes/[username]/settings/_account.svelte | 17 +++++++----------
 6 files changed, 19 insertions(+), 27 deletions(-)

(limited to 'src')

diff --git a/src/components/LandingHeader.svelte b/src/components/LandingHeader.svelte
index 77dd2322..288cd629 100644
--- a/src/components/LandingHeader.svelte
+++ b/src/components/LandingHeader.svelte
@@ -23,7 +23,7 @@
 				<Icon icon="logo" style="mb-5 xl:mb-0" />
 			</a>
 			<Icon icon="logo" style="block md:hidden ml-5 w-48" />
-			<LocaleSelector style="hidden md:block py-1 mb-5 xl:mb-0" />
+			<LocaleSelector style="w-40 hidden md:block mb-5 xl:mb-0" />
 		</div>
 
 		<!-- desktop nav -->
@@ -72,7 +72,8 @@
 				<button on:click={() => mobileMenuButtonClick(howItWorks)} class="block"
 					>{$t('howItWorks.header')}</button
 				>
-				<button on:click={() => mobileMenuButtonClick(faq)} class="block">{$t('faq.header')}</button>
+				<button on:click={() => mobileMenuButtonClick(faq)} class="block">{$t('faq.header')}</button
+				>
 				<button on:click={() => mobileMenuButtonClick(about)} class="block"
 					>{$t('about.header')}</button
 				>
diff --git a/src/components/Qr.svelte b/src/components/Qr.svelte
index 69362a28..0d5ae6ad 100644
--- a/src/components/Qr.svelte
+++ b/src/components/Qr.svelte
@@ -20,7 +20,7 @@
 				type: 'rounded'
 			},
 
-      image,
+			image,
 			imageOptions: {
 				hideBackgroundDots: false
 			}
diff --git a/src/components/RegisterOrLogin.svelte b/src/components/RegisterOrLogin.svelte
index 83b1be54..08b5ceaa 100644
--- a/src/components/RegisterOrLogin.svelte
+++ b/src/components/RegisterOrLogin.svelte
@@ -65,13 +65,7 @@
 				<div class="relative">
 					<label for="password" class="block font-semibold">{$t('login.password')}</label>
 					{#if revealPassword}
-						<input
-							name="password"
-							type="text"
-							required
-							class="bg-primary"
-							bind:value={password}
-						/>
+						<input name="password" type="text" required class="bg-primary" bind:value={password} />
 					{:else}
 						<input
 							name="password"
@@ -135,7 +129,7 @@
 </div>
 
 <style>
-  input {
-    @apply border-none;
-  } 
-  </style>
+	input {
+		@apply border-none;
+	}
+</style>
diff --git a/src/locales/en.json b/src/locales/en.json
index 3c75edee..726c47fc 100644
--- a/src/locales/en.json
+++ b/src/locales/en.json
@@ -146,8 +146,8 @@
 			"showQR": "Show QR"
 		},
 		"settings": {
-      "bannerImage": "Banner Image",
-      "profileImage": "Profile Image",
+			"bannerImage": "Banner Image",
+			"profileImage": "Profile Image",
 			"oneTimeCode": "Enter one-time code",
 			"accountId": "Account Secret",
 			"header": "Settings",
diff --git a/src/routes/+layout.svelte b/src/routes/+layout.svelte
index 8163bd70..e8db3665 100644
--- a/src/routes/+layout.svelte
+++ b/src/routes/+layout.svelte
@@ -57,7 +57,7 @@
 	}
 
 	input {
-		@apply block border rounded-2xl px-5 py-4 w-full outline-none;
+		@apply block border rounded-2xl px-5 py-4 w-full;
 	}
 
 	select {
diff --git a/src/routes/[username]/settings/_account.svelte b/src/routes/[username]/settings/_account.svelte
index f34828e5..c5a5186a 100644
--- a/src/routes/[username]/settings/_account.svelte
+++ b/src/routes/[username]/settings/_account.svelte
@@ -104,16 +104,13 @@
 	<div class="flex justify-between items-center">
 		<span class="font-bold">{$t('user.settings.bannerImage')}</span>
 	</div>
-  <p class="text-secondary mb-4">
-    Recommended size: 1920x540px
-    </p>
-    <div class="bg-gradient-to-r {$colorTheme} w-full h-48 mb-4"></div>
-			<button
-				type="button"
-				class="border rounded-2xl font-bold w-24 text-center px-0 py-2 hover:bg-primary"
-				>Select</button
-			>
-			<div class="mt-2 text-sm">gumbo.jpg</div>
+	<p class="text-secondary mb-4">Recommended size: 1920x540px</p>
+	<div class="bg-gradient-to-r {$colorTheme} w-full h-48 mb-4" />
+	<button
+		type="button"
+		class="border rounded-2xl font-bold w-24 text-center px-0 py-2 hover:bg-primary">Select</button
+	>
+	<div class="mt-2 text-sm">gumbo.jpg</div>
 </div>
 
 <div>
-- 
cgit v1.2.3