diff options
Diffstat (limited to 'src/components')
| -rw-r--r-- | src/components/AppHeader.svelte | 11 | ||||
| -rw-r--r-- | src/components/Avatar.svelte | 2 |
2 files changed, 7 insertions, 6 deletions
diff --git a/src/components/AppHeader.svelte b/src/components/AppHeader.svelte index 7d03ec84..e0b5d002 100644 --- a/src/components/AppHeader.svelte +++ b/src/components/AppHeader.svelte @@ -107,16 +107,15 @@ {#each menuButtons as { href, icon, key }} <li> <a {href}> - <button - class="flex justify-center items-center font-semibold hover:opacity-80" + <button class="flex justify-center items-center font-semibold hover:opacity-80" ><Icon {icon} style="mr-2 w-6 md:w-8" /> {$t(key)} </button> </a> </li> {/each} </ul> - <hr class="my-4" /> - <a href="/"><img src="/images/logo.svg" alt="Coinos"></a> + <hr class="my-4" /> + <a href="/"><img src="/images/logo.svg" alt="Coinos" /></a> </div> </OutClick> </div> @@ -128,7 +127,9 @@ </a> {/if} </nav> - <div class="absolute md:w-[64px] md:mx-auto left-[calc(50vw-64px)] -bottom-[64px]"> + <div + class="absolute md:w-[64px] md:mx-auto lg:left-[138px] left-[calc(50vw-64px)] -bottom-[64px]" + > <Avatar user={subject} /> </div> </header> diff --git a/src/components/Avatar.svelte b/src/components/Avatar.svelte index d2d83977..054279ec 100644 --- a/src/components/Avatar.svelte +++ b/src/components/Avatar.svelte @@ -4,7 +4,7 @@ export let user; export let size = 32; - export let disabled = false; + export let disabled = false; $: s = size.toString(); </script> |