Created the ColorDialog styles.sass

2023-06-02 20:20:01 +02:00 · 2023-06-02 20:20:01 +02:00 · 83a639840d
commit 83a639840d
parent ad3b6f4987
1 changed files with 24 additions and 0 deletions
--- a/client/src/common/components/Header/components/ColorDialog/styles.sass
+++ b/client/src/common/components/Header/components/ColorDialog/styles.sass
@ -0,0 +1,24 @@
+@import "@/common/styles/colors"
+
+.color-dialog
+  display: grid
+  grid-template-columns: repeat(5, 1fr)
+  user-select: none
+  margin: 1rem 0.5rem
+  gap: 0.5rem
+
+  .color-item
+    width: 2rem
+    height: 2rem
+    border-radius: 0.8rem
+    padding: 0.5rem
+    cursor: pointer
+
+    .color-check
+      width: 100%
+      height: 100%
+      display: flex
+      align-items: center
+      justify-content: center
+      color: $black
+      font-size: 12pt