diff options
Diffstat (limited to 'src')
| -rw-r--r-- | src/components/LandingHeader.svelte | 5 | ||||
| -rw-r--r-- | src/components/Qr.svelte | 2 | ||||
| -rw-r--r-- | src/components/RegisterOrLogin.svelte | 16 | ||||
| -rw-r--r-- | src/locales/en.json | 4 | ||||
| -rw-r--r-- | src/routes/+layout.svelte | 2 | ||||
| -rw-r--r-- | src/routes/[username]/settings/_account.svelte | 17 |
6 files changed, 19 insertions, 27 deletions
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> |