upload button

src/components/editors/EditorPanel/styles.scss

@@ -1,7 +1,10 @@
 .panel {
-  height: 60px;
+  height: 72px;
   position: absolute;
   left: 0;
   width: 100%;
   bottom: 100%;
+  box-sizing: border-box;
+  padding: $gap;
+  z-index: 10;
 }

src/components/editors/ImageGrid/styles.scss

@@ -1,6 +1,6 @@
 .grid {
   min-height: 200px;
-  padding-bottom: 60px;
+  padding-bottom: 62px;
   box-sizing: border-box;
 
   display: grid;
@@ -20,6 +20,6 @@
   // width: 25%;
   // float: left;
   // padding: $gap / 2;
-  z-index: 100;
+  z-index: 10;
   box-sizing: border-box;
 }

src/components/editors/ImageUploadButton/styles.scss

@@ -1,15 +1,18 @@
 .wrap {
-  width: 60px;
-  height: 60px;
+  width: 52px;
+  height: 52px;
   border-radius: 32px !important;
   position: relative;
   border-radius: $radius;
   cursor: pointer;
-  opacity: 0.5;
+  // opacity: 0.7;
   transition: opacity 0.5s;
   background: $red_gradient;
+  box-shadow: $content_bg 0 0 20px 10px;
 
-  &:hover {}
+  &:hover {
+    opacity: 1;
+  }
 
   input {
     width: 100%;

src/containers/dialogs/ScrollDialog/styles.scss

@@ -47,7 +47,7 @@
   justify-content: center;
   padding: 0 20px;
   box-sizing: border-box;
-  z-index: 2;
+  z-index: 11;
 }
 
 .top {
@@ -157,13 +157,23 @@
 }
 
 @keyframes spin_1 {
-  0% { transform: rotate(0); }
-  100% { transform: rotate(45deg); }
+  0% {
+    transform: rotate(0);
+  }
+
+  100% {
+    transform: rotate(45deg);
+  }
 }
 
 @keyframes spin_2 {
-  0% { transform: rotate(0); }
-  100% { transform: rotate(-45deg); }
+  0% {
+    transform: rotate(0);
+  }
+
+  100% {
+    transform: rotate(-45deg);
+  }
 }
 
 .close {
@@ -182,7 +192,8 @@
     transform: translate(-50%, -4px);
   }
 
-  &::before, &::after {
+  &::before,
+  &::after {
     content: ' ';
     width: 32px;
     height: 2px;
@@ -196,4 +207,4 @@
   &::before {
     animation: spin_2 0.5s forwards;
   }
-}
+}