diff options
| author | Adam Soltys <[email protected]> | 2023-06-30 12:56:42 -0700 |
|---|---|---|
| committer | Adam Soltys <[email protected]> | 2023-06-30 12:56:42 -0700 |
| commit | 82d2e984429f5a9fe65b093da5537529e94b362c (patch) | |
| tree | b3814602b60c6fcf07789ec6e69b05629151a0d9 /src/components | |
| parent | 3acac5715c70d09d15bd5a11ad1d28f0ff2729a0 (diff) | |
| download | coinos-ui-82d2e984429f5a9fe65b093da5537529e94b362c.tar.gz coinos-ui-82d2e984429f5a9fe65b093da5537529e94b362c.zip | |
homepage update
Diffstat (limited to 'src/components')
| -rw-r--r-- | src/components/LandingHeader.svelte | 34 | ||||
| -rw-r--r-- | src/components/Numpad.svelte | 4 |
2 files changed, 34 insertions, 4 deletions
diff --git a/src/components/LandingHeader.svelte b/src/components/LandingHeader.svelte index ed7907c1..b063f844 100644 --- a/src/components/LandingHeader.svelte +++ b/src/components/LandingHeader.svelte @@ -25,8 +25,7 @@ <nav class="block xl:flex flex-wrap justify-between items-center"> <div class="flex justify-start md:justify-center items-center md: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" /> + <img src="images/logo.png" class="max-w-[140px]" /> </a> </div> @@ -122,4 +121,35 @@ .z { z-index: 100; } + + button { + font-size: 14px; + font-weight: 600; + color: black; + text-transform: uppercase; + font-family: 'Work Sans', sans-serif; + position: relative; + transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, + border-color 0.15s ease-in-out; + } + +button::after{ + content: ''; + position: absolute; + bottom: 0; + left: 50%; + width: 0; + height: 2px; + background: #7005f38a; + transform: translateX(-50%); + -webkit-transform: translateX(-50%); + -moz-transform: translateX(-50%); + -ms-transform: translateX(-50%); + -o-transform: translateX(-50%); + transition: var(--transition_3s); + -webkit-transition: var(--transition_3s); + -moz-transition: var(--transition_3s); + -ms-transition: var(--transition_3s); + -o-transition: var(--transition_3s); +} </style> diff --git a/src/components/Numpad.svelte b/src/components/Numpad.svelte index 5ea1418c..3bf8c8de 100644 --- a/src/components/Numpad.svelte +++ b/src/components/Numpad.svelte @@ -201,7 +201,7 @@ {#if value === arrow} <button type="button" - class="bg-primary rounded-xl py-4 px-8 font-semibold active:bg-black active:text-white flex justify-center items-center hover:opacity-80" + class="bg-primary rounded-xl py-4 px-8 font-semibold active:bg-black active:text-white flex justify-center items-center hover:opacity-80 text-white" on:click={() => handleInput(value)} > <Left /> @@ -209,7 +209,7 @@ {:else} <button type="button" - class="bg-primary rounded-xl py-4 px-8 font-semibold active:bg-black active:text-white hover:opacity-80" + class="bg-primary rounded-xl py-4 px-8 font-semibold active:bg-black active:text-white hover:opacity-80 text-white" on:click={() => handleInput(value)}>{value}</button > {/if} |