From 82d2e984429f5a9fe65b093da5537529e94b362c Mon Sep 17 00:00:00 2001
From: Adam Soltys <asoltys@gmail.com>
Date: Fri, 30 Jun 2023 12:56:42 -0700
Subject: homepage update

---
 src/components/LandingHeader.svelte | 34 ++++++++++++++++++++++++++++++++--
 src/components/Numpad.svelte        |  4 ++--
 2 files changed, 34 insertions(+), 4 deletions(-)

(limited to 'src/components')

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}
-- 
cgit v1.2.3