update demo

packages/artplayer/src/setting/aspectRatio.js

@@ -8,7 +8,7 @@ export default function aspectRatio(art) {
     }
 
     return {
-        width: 150,
+        width: 200,
         html: i18n.get('Aspect Ratio'),
         icon: icons.aspectRatio,
         desc: getI18n(art.aspectRatio),

packages/artplayer/src/setting/flip.js

@@ -10,7 +10,7 @@ export default function flip(art) {
     };
 
     return {
-        width: 150,
+        width: 200,
         html: i18n.get('Video Flip'),
         desc: i18n.get(keys[art.flip]),
         icon: icons.config,
@@ -29,7 +29,7 @@ export default function flip(art) {
 
             art.on('flip', (value) => {
                 item.$desc.innerText = i18n.get(keys[art.flip]);
-                
+
                 const $current = queryAll('.art-setting-item', $panel).find((item) => item.dataset.value === value);
                 if ($current) {
                     inverseClass($current, 'art-current');

packages/artplayer/src/setting/index.js

@@ -31,7 +31,7 @@ export default class Setting extends Component {
         this.name = 'setting';
         this.$parent = $setting;
 
-        this.width = 200;
+        this.width = 250;
         this.option = [];
         this.cache = new Map();
 

packages/artplayer/src/setting/playbackRate.js

@@ -8,7 +8,7 @@ export default function playbackRate(art) {
     }
 
     return {
-        width: 150,
+        width: 200,
         html: i18n.get('Play Speed'),
         desc: getI18n(art.playbackRate),
         icon: icons.playbackRate,

packages/artplayer/src/setting/subtitleOffset.js

@@ -8,7 +8,7 @@ export default function subtitleOffset(art) {
     }
 
     return {
-        width: 150,
+        width: 200,
         html: i18n.get('Subtitle Offset'),
         desc: getI18n(art.subtitleOffset),
         icon: icons.subtitle,
@@ -27,7 +27,7 @@ export default function subtitleOffset(art) {
 
             art.on('subtitleOffset', (value) => {
                 item.$desc.innerText = getI18n(art.subtitleOffset);
-                
+
                 const $current = queryAll('.art-setting-item', $panel).find(
                     (item) => Number(item.dataset.value) === value,
                 );