From 58ebd3bc0f00c532e97e9a5571471ffab87934ba Mon Sep 17 00:00:00 2001
From: AL-LCL <alvin@alvinhavel.com>
Date: Fri, 19 May 2023 10:39:49 +0200
Subject: GOD-VIEW

---
 server/web/src/design/components/Select.design.tsx | 37 ++++++++++++++++++++++
 1 file changed, 37 insertions(+)
 create mode 100644 server/web/src/design/components/Select.design.tsx

(limited to 'server/web/src/design/components/Select.design.tsx')

diff --git a/server/web/src/design/components/Select.design.tsx b/server/web/src/design/components/Select.design.tsx
new file mode 100644
index 0000000..92e6719
--- /dev/null
+++ b/server/web/src/design/components/Select.design.tsx
@@ -0,0 +1,37 @@
+import styled from 'styled-components';
+
+export const SelectContainer = styled('div')`
+    position: fixed;
+`;
+
+export const SelectRow = styled('div')`
+    border-bottom: solid thin rgb(31, 113, 145);
+    border-right: solid thin rgb(31, 113, 145);
+    border-left: solid thin rgb(31, 113, 145);
+    background-color: rgb(5, 32, 58);
+    font-size: 0.8rem;
+    transition: 250ms;
+    padding: 0.4rem;
+    cursor: pointer;
+    width: 8.5rem;
+
+    :hover {
+        background-color: rgb(0, 55, 117);
+        transition: 250ms;
+    }
+
+    :first-child {
+        border-top: solid thin rgb(31, 113, 145);
+        border-top-right-radius: 0.25rem;
+        border-top-left-radius: 0.25rem;
+    }
+
+    :last-child {
+        border-bottom-right-radius: 0.25rem;
+        border-bottom-left-radius: 0.25rem;
+    }
+
+    > svg {
+        vertical-align: text-bottom;
+    }
+`;
-- 
cgit v1.2.3

