From 57ae0b2de9a10ed835fe5f90568544e46d9cb277 Mon Sep 17 00:00:00 2001
From: somebody <onesome01@protonmail.com>
Date: Wed, 31 Aug 2022 20:32:52 -0500
Subject: [PATCH] Finder barebones

---
 static/koboldai.css      | 62 ++++++++++++++++++++++++++++++++++++++++
 templates/index_new.html | 37 ++++++++++++++++++++++++
 2 files changed, 99 insertions(+)

diff --git a/static/koboldai.css b/static/koboldai.css
index e06ccdb7..7e5784d0 100644
--- a/static/koboldai.css
+++ b/static/koboldai.css
@@ -1737,6 +1737,68 @@ body {
 	font-size: 50vh;
 	opacity: 0.7;
 }
+
+/* Finder */
+
+#finder-container {
+	display: flex;
+	justify-content: center;
+	align-items: center;
+
+	position: absolute;
+	left: 0px;
+	top: 0px;
+
+	background-color: rgba(0, 0, 0, 0.5);
+	z-index: 99999999;
+
+	width: 100vw;
+	height: 100vh;
+}
+
+#finder {
+	width: 25%;
+	background-color: var(--flyout_background_pinned);
+	padding: 10px;
+	border-radius: 4px;
+}
+
+#finder-input {
+	width: 100%;
+	padding: 5px;
+	border: none;
+}
+
+.finder-result {
+	display: flex;
+	flex-direction: row;
+	justify-content: space-between;
+
+	padding: 3px;
+	margin-top: 5px;
+	background-color: var(--input_background);
+	cursor: pointer;
+}
+
+.finder-result > .result-textblock > span {
+	display: block;
+}
+
+.result-title {
+	font-weight: bold;
+	font-size: 15px;
+}
+
+.result-details {
+	margin-left: 15px;
+	opacity: 0.7;
+}
+
+.result-icon {
+	display: flex !important;
+	align-items: center;
+}
+
 /*---------------------------------- Global ------------------------------------------------*/
 .hidden {
 	display: none;
diff --git a/templates/index_new.html b/templates/index_new.html
index 3b4d77bb..68382680 100644
--- a/templates/index_new.html
+++ b/templates/index_new.html
@@ -143,5 +143,42 @@
 	<div id="file-upload-notice" class="hidden">
 		<span class="material-icons-outlined">upload_file</span>
 	</div>
+
+	<div id="finder-container" class="hidden">
+		<div id="finder">
+			<input id="finder-input" placeholder="Search for something..."></input>
+			<div class="finder-result">
+				<div class="result-textblock">
+					<span class="result-title">Result Title</span>
+					<span class="result-details">Here is a description of what you're about to go to</span>
+				</div>
+				<span class="result-icon material-icons-outlined">open_in_new</span>
+			</div>
+
+			<div class="finder-result">
+				<div class="result-textblock">
+					<span class="result-title">Result Title</span>
+					<span class="result-details">Here is a description of what you're about to go to</span>
+				</div>
+				<span class="result-icon material-icons-outlined">open_in_new</span>
+			</div>
+
+			<div class="finder-result">
+				<div class="result-textblock">
+					<span class="result-title">Result Title</span>
+					<span class="result-details">Here is a description of what you're about to go to</span>
+				</div>
+				<span class="result-icon material-icons-outlined">open_in_new</span>
+			</div>
+
+			<div class="finder-result">
+				<div class="result-textblock">
+					<span class="result-title">Result Title</span>
+					<span class="result-details">Here is a description of what you're about to go to</span>
+				</div>
+				<span class="result-icon material-icons-outlined">open_in_new</span>
+			</div>
+		</div>
+	</div>
 </body>
 </html>
\ No newline at end of file