From 918a64848720257ae3ab3e93e1625c7d568bdf2a Mon Sep 17 00:00:00 2001
From: Mathias Wagner <germannewsmaker@gmail.com>
Date: Sat, 3 Jun 2023 01:34:03 +0200
Subject: [PATCH] Created the ServerItem styles.sass

---
 .../components/ServerItem/styles.sass         | 84 +++++++++++++++++++
 1 file changed, 84 insertions(+)
 create mode 100644 client/src/pages/tools/linux/components/ServerDialog/components/ServerItem/styles.sass

diff --git a/client/src/pages/tools/linux/components/ServerDialog/components/ServerItem/styles.sass b/client/src/pages/tools/linux/components/ServerDialog/components/ServerItem/styles.sass
new file mode 100644
index 0000000..f178d33
--- /dev/null
+++ b/client/src/pages/tools/linux/components/ServerDialog/components/ServerItem/styles.sass
@@ -0,0 +1,84 @@
+@import "@/common/styles/colors"
+
+.server-item
+  border: 2px solid $dark-gray
+  border-radius: 1rem
+  padding: 0.5rem 1rem
+
+  *
+    transition: all 0.3s
+
+.server-item-header
+  display: flex
+  align-items: center
+  justify-content: space-between
+  gap: 3rem
+
+.server-header-left
+  display: flex
+  align-items: center
+  gap: 0.8rem
+
+  img
+    width: 2rem
+    height: 2rem
+
+.server-header-right
+  display: flex
+  align-items: center
+  gap: 1rem
+
+  svg
+    cursor: pointer
+
+    &:hover
+      color: $primary
+
+.header-text-area
+
+  h2, p
+    margin: 0
+    color: $white
+    font-weight: 700
+
+  span
+    color: $primary
+
+  h2
+    font-size: 15pt
+
+  p
+    font-size: 12pt
+
+.server-item-body
+  display: flex
+  flex-direction: column
+  gap: 1rem
+  margin-top: 1rem
+  margin-bottom: 0.5rem
+
+.config-item
+  display: flex
+  align-items: center
+  justify-content: space-between
+  gap: 2rem
+  margin: 0 1rem
+
+  h2
+    color: $white
+    font-size: 16pt
+    margin: 0
+
+  input
+    border: 2px solid $dark-gray
+    background-color: transparent
+    border-radius: 0.8rem
+    padding: 0.5rem 1rem
+    color: $gray
+    font-size: 15pt
+    width: 50%
+    box-sizing: border-box
+    font-weight: 700
+
+  input[type="file"]::file-selector-button
+    display: none
\ No newline at end of file