From 5971b69a2990390529a6f8076331e3d7d10c9325 Mon Sep 17 00:00:00 2001
From: lonkaars <l.leblansch@gmail.com>
Date: Thu, 7 Jan 2021 15:40:11 +0100
Subject: soortvan zoekbalk

---
 src/components/gameSettings.tsx |  5 +++--
 src/components/ui.tsx           | 32 ++++++++++++++++++++++++++++++++
 2 files changed, 35 insertions(+), 2 deletions(-)

(limited to 'src/components')

diff --git a/src/components/gameSettings.tsx b/src/components/gameSettings.tsx
index bd28221..13bb1cc 100644
--- a/src/components/gameSettings.tsx
+++ b/src/components/gameSettings.tsx
@@ -12,7 +12,7 @@ export function CurrentGameSettings(/*props: CurrentGameSettingsProps*/) {
 		height: 80
 	}}>
 		<p style={{
-			opacity: .6,
+			opacity: .75,
 			fontStyle: "italic",
 			userSelect: "none",
 			position: "absolute",
@@ -40,7 +40,8 @@ export function CurrentGameSettings(/*props: CurrentGameSettingsProps*/) {
 				width: 85,
 				verticalAlign: "middle",
 				textAlign: "center",
-				transform: "translateY(-50%)"
+				transform: "translateY(-50%)",
+				userSelect: "none"
 			}}>Spelregels aanpassen</span>
 		</Button>
 	</div>;
diff --git a/src/components/ui.tsx b/src/components/ui.tsx
index d869151..2a7e950 100644
--- a/src/components/ui.tsx
+++ b/src/components/ui.tsx
@@ -53,3 +53,35 @@ export function Button(props: ButtonProps) {
 	</div>;
 }
 
+interface SearchBarProps {
+	label?: string;
+}
+
+export function SearchBar(props: SearchBarProps) {
+	return <div style={{
+		marginTop: 24,
+		borderRadius: 8,
+		overflow: "hidden",
+		width: "100%"
+	}}>
+		<input type="text" placeholder={props.label} spellCheck={false} style={{
+			padding: 12,
+			border: 0,
+			width: "calc(100% - 24px - 40px)",
+			fontSize: 14,
+			backgroundColor: "var(--page-background)",
+			color: "var(--text-alt)",
+			borderBottomLeftRadius: 8,
+			borderTopLeftRadius: 8
+		}}/>
+		<div style={{
+			width: 40,
+			height: 40,
+			backgroundColor: "var(--disk-a)",
+			display: "inline-block",
+			verticalAlign: "top",
+			position: "relative"
+		}}></div>
+	</div>
+}
+
-- 
cgit v1.2.3