update indicatorSize

packages/artplayer/src/control/progress.js

@@ -1,4 +1,4 @@
-import { query, clamp, append, setStyle, setStyles, secondToTime, includeFromEvent } from '../utils';
+import { query, clamp, append, setStyle, setStyles, secondToTime, includeFromEvent, isMobile } from '../utils';
 
 export function getPosFromEvent(art, event) {
     const { $progress } = art.template;
@@ -62,6 +62,7 @@ export default function progress(options) {
                 setStyle($played, 'backgroundColor', 'var(--theme)');
 
                 let indicatorSize = 14;
+
                 if (icons.indicator) {
                     indicatorSize = 16;
                     append($indicator, icons.indicator);
@@ -71,6 +72,10 @@ export default function progress(options) {
                     });
                 }
 
+                if (isMobile) {
+                    indicatorSize = 20;
+                }
+
                 setStyles($indicator, {
                     left: `-${indicatorSize / 2}px`,
                     width: `${indicatorSize}px`,

packages/artplayer/src/style/bottom.scss

@@ -300,6 +300,10 @@
     }
 
     &.art-mobile {
+        .art-bottom {
+            padding-top: 40px !important;
+        }
+
         .art-progress-indicator {
             transform: scale(1, 1) !important;
             visibility: visible !important;