이정민

tui css 수정

...@@ -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 `;
......