diff --git a/src/components/editors/EditorPanel/styles.scss b/src/components/editors/EditorPanel/styles.scss index 2dd03e82..36902205 100644 --- a/src/components/editors/EditorPanel/styles.scss +++ b/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; } \ No newline at end of file diff --git a/src/components/editors/ImageGrid/styles.scss b/src/components/editors/ImageGrid/styles.scss index b4428ad5..379aafa4 100644 --- a/src/components/editors/ImageGrid/styles.scss +++ b/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; } \ No newline at end of file diff --git a/src/components/editors/ImageUploadButton/styles.scss b/src/components/editors/ImageUploadButton/styles.scss index 5c4d8f5d..db71498a 100644 --- a/src/components/editors/ImageUploadButton/styles.scss +++ b/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%; diff --git a/src/containers/dialogs/ScrollDialog/styles.scss b/src/containers/dialogs/ScrollDialog/styles.scss index e69ea84e..def6c1fb 100644 --- a/src/containers/dialogs/ScrollDialog/styles.scss +++ b/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; } -} +} \ No newline at end of file