From c7b02f02ad0a7e2888f2d7d3599719e59bbd1ee2 Mon Sep 17 00:00:00 2001
From: Nathan Reiner <nathan@nathanreiner.xyz>
Date: Thu, 13 Nov 2025 14:56:02 +0100
Subject: frontend: design prototype

---
 static/widgets/search/index.css | 50 +++++++++++++++++++++++++++++++++++++++++
 1 file changed, 50 insertions(+)
 create mode 100644 static/widgets/search/index.css

(limited to 'static/widgets/search/index.css')

diff --git a/static/widgets/search/index.css b/static/widgets/search/index.css
new file mode 100644
index 0000000..2bb940e
--- /dev/null
+++ b/static/widgets/search/index.css
@@ -0,0 +1,50 @@
+:host {
+	position: fixed;
+	top: 0;
+	left: 0;
+}
+
+#container {
+	position: fixed;
+	top: -200px;
+	left: 5px;
+	right: 5px;
+	height: 100px;
+	background: #fff9;
+	backdrop-filter: blur(10px);
+	border-radius: var(--border-radius);
+	transition: top 0.1s ease;
+	padding: 10px;
+	display: grid;
+	gap: 10px;
+	box-shadow: var(--shadow);
+}
+
+#container.visible {
+	top: 5px;
+}
+
+#title {
+	font-size: 1.2em;
+	align-content: center;
+	padding-left: 5px;
+	user-select: none;
+}
+
+#search-box {
+	width: 100%;
+	display: grid;
+	grid-template-columns: auto 50px;
+}
+
+input {
+	border-top-right-radius: 0px !important;
+	border-bottom-right-radius: 0px !important;
+}
+
+button {
+	width: 50px;
+	border-top-left-radius: 0px !important;
+	border-bottom-left-radius: 0px !important;
+	height: 42px;
+}
-- 
cgit v1.2.3-70-g09d2