Created the ServerChooser styles.sass

2023-08-05 22:14:07 +02:00 · 2023-08-05 22:14:07 +02:00 · 430d771884
commit 430d771884
parent d49642c39a
1 changed files with 31 additions and 0 deletions
--- a/client/src/common/components/Header/components/ServerDialog/components/ServerChooser/styles.sass
+++ b/client/src/common/components/Header/components/ServerDialog/components/ServerChooser/styles.sass
@ -0,0 +1,31 @@
+@import "@/common/styles/colors"
+
+.selection-menu
+  width: 100%
+  padding: 0.8rem 1rem
+  position: absolute
+  box-sizing: border-box
+  margin-top: 15.5rem
+  margin-left: -1rem
+  background-color: $black
+  border: 2px solid $dark-gray
+  height: 10rem
+  border-radius: 1rem
+  overflow-y: scroll
+  display: flex
+  flex-direction: column
+  gap: 1rem
+
+.selection-item
+  display: flex
+  align-items: center
+  gap: 1rem
+  transition: 0.2s ease-in-out
+
+  &:hover
+    transform: scale(1.01)
+
+  img
+    width: 2rem
+    height: 2rem
+    border-radius: 0.4rem