From 46bc9ef814ef4126ffc9322d01a7ab60691d4916 Mon Sep 17 00:00:00 2001
From: Mathias Wagner <germannewsmaker@gmail.com>
Date: Sat, 5 Aug 2023 22:30:06 +0200
Subject: [PATCH] Created the ServerDialog styles.sass

---
 .../components/ServerDialog/styles.sass       | 55 +++++++++++++++++++
 1 file changed, 55 insertions(+)
 create mode 100644 client/src/common/components/Header/components/ServerDialog/styles.sass

diff --git a/client/src/common/components/Header/components/ServerDialog/styles.sass b/client/src/common/components/Header/components/ServerDialog/styles.sass
new file mode 100644
index 0000000..b76b4b9
--- /dev/null
+++ b/client/src/common/components/Header/components/ServerDialog/styles.sass
@@ -0,0 +1,55 @@
+@import "@/common/styles/colors"
+
+.input-field
+  color: $darker-white
+  border: 2px solid $dark-gray
+  border-radius: 1rem
+  padding: 1rem
+  box-sizing: border-box
+  font-size: 16pt
+  margin-top: 1rem
+  width: 100%
+
+.button-right
+  margin-top: 1rem
+  align-self: flex-end
+
+.button-right svg
+  font-size: 18pt
+
+.server-chooser
+  margin: 1rem
+
+  .current-server-left
+    display: flex
+    align-items: center
+    gap: 0.8rem
+
+    img
+      width: 2rem
+      border-radius: 0.2rem
+
+  .current-server
+    display: flex
+    user-select: none
+    align-items: center
+    justify-content: space-between
+    padding: 0.8rem 1rem
+    gap: 1rem
+    border-radius: 1rem
+    border: 2px solid $dark-gray
+    cursor: pointer
+    transform: scale(1)
+
+  & .current-server:hover
+    border: 2px solid $primary
+
+  & .current-server:active
+    transform: scale(0.96)
+
+@media screen and (max-width: 768px)
+  .server-chooser
+    margin: 0.5rem
+
+  .info-item
+    font-size: 12pt
\ No newline at end of file