diff options
| author | Adam Soltys <[email protected]> | 2024-09-12 15:23:45 -0700 |
|---|---|---|
| committer | Adam Soltys <[email protected]> | 2024-09-17 09:19:25 -0700 |
| commit | 2114156be3f89a2ef4c5bd13fd6d7a51d8fbc135 (patch) | |
| tree | ae764021c0f9017493366862d42ea6cac904a76e /src/components/LandingHeader.svelte | |
| parent | 1f63848ca9fb01336f04b41434de1cc06a5b3d93 (diff) | |
| download | coinos-ui-2114156be3f89a2ef4c5bd13fd6d7a51d8fbc135.tar.gz coinos-ui-2114156be3f89a2ef4c5bd13fd6d7a51d8fbc135.zip | |
self custodial send
Diffstat (limited to 'src/components/LandingHeader.svelte')
| -rw-r--r-- | src/components/LandingHeader.svelte | 16 |
1 files changed, 8 insertions, 8 deletions
diff --git a/src/components/LandingHeader.svelte b/src/components/LandingHeader.svelte index 92de7bcd..72913999 100644 --- a/src/components/LandingHeader.svelte +++ b/src/components/LandingHeader.svelte @@ -19,22 +19,22 @@ </script> <header - class="w-full md:w-5/6 py-5 mx-auto fixed md:sticky z-10 top-0 bg-white/90" + class="w-full lg:w-5/6 py-5 mx-auto fixed sticky z-10 top-0 bg-white/90" bind:this={header} > - <nav class="block md:flex justify-between items-center"> + <nav class="block lg:flex justify-between items-center"> <div - class="flex justify-start md:justify-center items-center md:space-x-10" + class="flex justify-start lg:justify-center items-center lg:space-x-10" > <a href="/" on:click={() => scroll(header)}> - <Icon icon="logo" style="hidden md:block mb-5 xl:mb-0" /> - <Icon icon="logo" style="block md:hidden ml-5 w-48" /> + <Icon icon="logo" style="hidden lg:block mb-5 xl:mb-0" /> + <Icon icon="logo" style="block lg:hidden ml-5 w-48" /> </a> </div> <!-- desktop nav --> <div - class="hidden space-x-10 md:flex justify-center items-center font-bold" + class="hidden space-x-10 lg:flex justify-center items-center font-bold" > {#if $page.url.pathname === "/"} <button class="hover:opacity-80" on:click={() => scroll(howItWorks)} @@ -76,13 +76,13 @@ <!-- mobile nav --> <button - class="block md:hidden absolute top-[34.5px] right-10 z" + class="block lg:hidden absolute top-[34.5px] right-10 z" on:click={() => (showMobileMenu = !showMobileMenu)} ><Icon icon={!showMobileMenu ? "menu" : "close"} /> </button> <div - class="container w-full px-10 md:hidden absolute top-0 {showMobileMenu + class="container w-full px-10 lg:hidden absolute top-0 {showMobileMenu ? 'right-0' : 'right-[-100%]'} transition-all ease-in-out duration-300 h-[100vh] w-full bg-white" > |