integrated image stickers with palette

1 files changed, 56 insertions, 0 deletions

diff --git a/src/client/views/smartdraw/StickerPalette.scss b/src/client/views/smartdraw/StickerPalette.scss
new file mode 100644
index 000000000..ca99410cf
--- /dev/null
+++ b/src/client/views/smartdraw/StickerPalette.scss
@@ -0,0 +1,56 @@
+.sticker-palette {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    position: absolute;
+    right: 14px;
+    top: 50px;
+    border-radius: 5px;
+    margin: auto;
+}
+
+.palette-create {
+    display: flex;
+    flex-direction: row;
+    width: 170px;
+
+    .palette-create-input {
+        color: black;
+        width: 170px;
+    }
+}
+
+.palette-create-options {
+    display: flex;
+    flex-direction: row;
+    justify-content: space-between;
+    width: 170px;
+    margin-top: 5px;
+
+    .palette-color {
+        display: flex;
+        flex-direction: column;
+        align-items: center;
+        width: 40px;
+    }
+
+    .palette-detail,
+    .palette-size {
+        display: flex;
+        flex-direction: column;
+        align-items: center;
+        width: 60px;
+    }
+}
+
+.palette-buttons {
+    width: 100%;
+    display: flex;
+    flex-direction: row;
+    justify-content: space-between;
+}
+
+.palette-save-reset {
+    display: flex;
+    flex-direction: row;
+}