@@ -36,7 +36,7 @@ const MyQuill: React.FC<Props> = (props) => {
return (
<ReactQuill
- className={styles.customImg}
+ className={styles.customEdit}
readOnly={readonly}
theme={theme}
modules={modules}
@@ -1,33 +1,39 @@
-.upload{
+.upload {
display: inline;
}
-.btnRight{
+.btnRight {
margin-right: 5px;
-.divBottom{
- button{
+.divBottom {
+ button {
margin-bottom: 5px;
-.minHeight{
+.minHeight {
min-height: 100px;
-.customImg{
+.customEdit {
:global {
- .ql-editor img{
+ .ql-editor img {
max-height: 400px;
+
/* Bubble Theme */
.ql-bubble .ql-editor {
border: 1px solid #cccccc;
//border-radius: 0.5em;
+ .ql-editor > .ql-video {
+ min-height: 400px;
+ min-width: 580px;
+ }
@@ -14,7 +14,11 @@
.ql-bubble .ql-editor{
border: 0 solid #eaeaea !important;
+ .ql-video {
+ min-height: 100px !important;
+ min-width: 200px !important;
-