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