From 97d32bb98dd669d6ef934036cbf8d4278de0b481 Mon Sep 17 00:00:00 2001
From: MikunoNaka <bokuwakanojogahoshii@yahoo.com>
Date: Sun, 8 Aug 2021 19:23:18 +0530
Subject: somehow created a search bar

---
 src/components/Util/SearchBar.scss | 28 ++++++++++++++++++++++++++++
 1 file changed, 28 insertions(+)
 create mode 100644 src/components/Util/SearchBar.scss

(limited to 'src/components/Util/SearchBar.scss')

diff --git a/src/components/Util/SearchBar.scss b/src/components/Util/SearchBar.scss
new file mode 100644
index 0000000..d08f1ac
--- /dev/null
+++ b/src/components/Util/SearchBar.scss
@@ -0,0 +1,28 @@
+@import "../../styles/theme";
+
+.searchBar input {
+  width: 12rem;
+}
+
+.searchResults {
+  margin-top: $fontSize1;
+  width: 12rem;
+  height: 10rem;
+  background-color: $background3;
+  overflow-x: hidden;
+  overflow-y: auto;
+  border: 1px solid $border2;
+}
+
+.searchResult {
+  color: $defFG;
+}
+
+.searchResults .dataItem {
+  width: 100%;
+  height: 50px;
+  display: flex;
+  align-items: center;
+  color: black;
+}
+
-- 
cgit v1.2.3