Showing
3 changed files
with
39 additions
and
30 deletions
| ... | @@ -306,23 +306,9 @@ const Wrapper = styled.div` | ... | @@ -306,23 +306,9 @@ const Wrapper = styled.div` |
| 306 | text-decoration: underline; | 306 | text-decoration: underline; |
| 307 | } | 307 | } |
| 308 | } | 308 | } |
| 309 | - | ||
| 310 | - .tui-image-editor-container { | ||
| 311 | - border-radius: 1.5rem; | ||
| 312 | - } | ||
| 313 | - .tui-image-editor-container .tui-image-editor-help-menu.top { | ||
| 314 | - left: 19rem; | ||
| 315 | - top: 1rem; | ||
| 316 | - } | ||
| 317 | - .tui-image-editor-header-logo { | ||
| 318 | - display: none; | ||
| 319 | - } | ||
| 320 | .tui-image-editor-header-buttons { | 309 | .tui-image-editor-header-buttons { |
| 321 | display: none; | 310 | display: none; |
| 322 | } | 311 | } |
| 323 | - .tui-image-editor-help-menu { | ||
| 324 | - display: none; | ||
| 325 | - } | ||
| 326 | `; | 312 | `; |
| 327 | 313 | ||
| 328 | const ModalWrapper = styled.div<{ unableToUpload: boolean }>` | 314 | const ModalWrapper = styled.div<{ unableToUpload: boolean }>` | ... | ... |
| ... | @@ -95,22 +95,6 @@ const Container = styled.div` | ... | @@ -95,22 +95,6 @@ const Container = styled.div` |
| 95 | transition: 1s; | 95 | transition: 1s; |
| 96 | top: 7rem; | 96 | top: 7rem; |
| 97 | } | 97 | } |
| 98 | - .tui-image-editor-container { | ||
| 99 | - border-radius: 1.5rem; | ||
| 100 | - } | ||
| 101 | - .tui-image-editor-container .tui-image-editor-help-menu.top { | ||
| 102 | - left: 19rem; | ||
| 103 | - top: 1rem; | ||
| 104 | - } | ||
| 105 | - .tui-image-editor-header-logo { | ||
| 106 | - display: none; | ||
| 107 | - } | ||
| 108 | - .tui-image-editor-help-menu { | ||
| 109 | - display: none; | ||
| 110 | - } | ||
| 111 | - .tui-image-editor-header-buttons { | ||
| 112 | - position: absolute; | ||
| 113 | - } | ||
| 114 | `; | 98 | `; |
| 115 | 99 | ||
| 116 | export default ToastEditor; | 100 | export default ToastEditor; | ... | ... |
| ... | @@ -53,4 +53,43 @@ export const GlobalStyle = createGlobalStyle` | ... | @@ -53,4 +53,43 @@ export const GlobalStyle = createGlobalStyle` |
| 53 | display: block; | 53 | display: block; |
| 54 | } | 54 | } |
| 55 | } | 55 | } |
| 56 | + | ||
| 57 | + .tui-image-editor-container { | ||
| 58 | + border-radius: 1.5rem; | ||
| 59 | + .color-picker-control { | ||
| 60 | + cursor: default; | ||
| 61 | + } | ||
| 62 | + .color-picker-control .tui-colorpicker-palette-button { | ||
| 63 | + width: 16px; | ||
| 64 | + height: 16px; | ||
| 65 | + cursor: pointer; | ||
| 66 | + } | ||
| 67 | + .tui-colorpicker-palette-container li { | ||
| 68 | + float: left; | ||
| 69 | + } | ||
| 70 | + .tui-colorpicker-clearfix:after { | ||
| 71 | + clear: both; | ||
| 72 | + display: block; | ||
| 73 | + content: ""; | ||
| 74 | + } | ||
| 75 | + .tui-image-editor-help-menu.top { | ||
| 76 | + left: 19rem; | ||
| 77 | + top: 1rem; | ||
| 78 | + } | ||
| 79 | + .tui-image-editor-header-logo { | ||
| 80 | + display: none; | ||
| 81 | + } | ||
| 82 | + .tui-image-editor-help-menu { | ||
| 83 | + display: none; | ||
| 84 | + } | ||
| 85 | + .tui-image-editor-header-buttons { | ||
| 86 | + position: absolute; | ||
| 87 | + } | ||
| 88 | + .tui-colorpicker-palette-preview { | ||
| 89 | + font-size: 0; | ||
| 90 | + } | ||
| 91 | + .tui-colorpicker-palette-hex { | ||
| 92 | + margin-top: 1px; | ||
| 93 | + } | ||
| 94 | + } | ||
| 56 | `; | 95 | `; | ... | ... |
-
Please register or login to post a comment