From fc76f264401356a0bb90bb746908f6aa0ba706d8 Mon Sep 17 00:00:00 2001
From: Jonas_Jones <91549607+J-onasJones@users.noreply.github.com>
Date: Sat, 14 Oct 2023 21:21:33 +0200
Subject: [PATCH] Added box shadow for search field

---
 src/lib/components/Navbar.svelte | 2 +-
 src/lib/styles/style.css         | 4 ++++
 2 files changed, 5 insertions(+), 1 deletion(-)

diff --git a/src/lib/components/Navbar.svelte b/src/lib/components/Navbar.svelte
index 9e95bc5..9828176 100644
--- a/src/lib/components/Navbar.svelte
+++ b/src/lib/components/Navbar.svelte
@@ -7,7 +7,7 @@
 
 <div class="container navbar">
 	<div class="row">
-		<input type="text" bind:value={searchterm} placeholder="Search Pages (Alpha)..." />
+		<input class="box-shadow-inverted" type="text" bind:value={searchterm} placeholder="Search Pages (Alpha)..." />
 		<div class="col-md-12">
 			<h2>Pages</h2>
 			<div class="navbar-links">
diff --git a/src/lib/styles/style.css b/src/lib/styles/style.css
index ae66673..0bc5cb6 100644
--- a/src/lib/styles/style.css
+++ b/src/lib/styles/style.css
@@ -94,6 +94,10 @@ ul {
 	box-shadow: 2px 2px var(--box-shadow-color);
 }
 
+.box-shadow-inverted {
+	box-shadow: inset 2px 2px var(--box-shadow-color);
+}
+
 .row:after {
 	content: "";
 	display: table;