update docs

packages/artplayer-document/docs/en/Plugins/danmuku.mdx

@@ -88,7 +88,7 @@ var art = new Artplayer({
             lockTime: 5, // Input box lock time
             maxLength: 100, // The maximum number of words that can be input can be input box
             minWidth: 200, // At the at least width of the input box
-            maxWidth: 600, // Maximum width in the input box
+            maxWidth: 400, // Maximum width in the input box
         }),
     ],
 });

packages/artplayer-document/docs/zh-cn/Plugins/danmuku.mdx

@@ -88,7 +88,7 @@ var art = new Artplayer({
             lockTime: 5, // 输入框锁定时间，单位秒，范围在[1 ~ 60]
             maxLength: 100, // 输入框最大可输入的字数，范围在[0 ~ 500]
             minWidth: 200, // 输入框最少宽度，范围在[0 ~ 500]，填 0 则为无限制
-            maxWidth: 600, // 输入框最大宽度，范围在[0 ~ Infinity]，填 0 则为 100% 宽度
+            maxWidth: 400, // 输入框最大宽度，范围在[minWidth ~ Infinity]，填 0 则为 100% 宽度
         }),
     ],
 });

packages/artplayer-plugin-danmuku/src/danmuku.js

@@ -59,7 +59,7 @@ export default class Danmuku {
             lockTime: 5,
             maxLength: 100,
             minWidth: 200,
-            maxWidth: 600,
+            maxWidth: 400,
         };
     }
 
@@ -267,7 +267,7 @@ export default class Danmuku {
         this.option.lockTime = clamp(this.option.lockTime, 0, 60);
         this.option.maxLength = clamp(this.option.maxLength, 0, 500);
         this.option.minWidth = clamp(this.option.minWidth, 0, 500);
-        this.option.maxWidth = clamp(this.option.maxWidth, 0, Infinity);
+        this.option.maxWidth = clamp(this.option.maxWidth, this.option.minWidth, Infinity);
 
         if (option.fontSize) {
             this.option.fontSize = this.getFontSize(this.option.fontSize);

packages/artplayer-plugin-danmuku/src/style.less

@@ -158,9 +158,16 @@
         justify-content: center;
         background-color: #000;
 
-        .art-danmuku-style .art-danmuku-style-panel {
-            left: 0;
+        .art-danmuku-emitter {
+            max-width: 100% !important;
+            
+            .art-danmuku-style {
+                .art-danmuku-style-panel {
+                    left: 0;
+                }
+            }
         }
+
     }
 }