diff options
| author | Adam Soltys <[email protected]> | 2022-11-11 20:04:48 -0800 |
|---|---|---|
| committer | Adam Soltys <[email protected]> | 2022-11-11 20:04:48 -0800 |
| commit | eeecc98c5b22d75b19e65cd122562e6e69eed14e (patch) | |
| tree | a11bf42cf72efea7e714195ae04dfd3bfa643f04 /src/components | |
| parent | c8d57b497b7a91613b315c22947c7a437579050a (diff) | |
| download | coinos-ui-eeecc98c5b22d75b19e65cd122562e6e69eed14e.tar.gz coinos-ui-eeecc98c5b22d75b19e65cd122562e6e69eed14e.zip | |
style tweaks
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> |