chore(deps): update dependency artplayer to v5.3.0 (#205)

* chore(deps): update dependency artplayer to v5.3.0

* style: add custom styles for ArtPlayer (Close #178)

Signed-off-by: MadDogOwner <[email protected]>

---------

Signed-off-by: MadDogOwner <[email protected]>
Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com>
Co-authored-by: MadDogOwner <[email protected]>

Author: renovate[bot]

pnpm-lock.yaml

@@ -16,6 +16,7 @@ import { AutoHeightPlugin, VideoBox } from "./video_box"
 import { ArtPlayerIconsSubtitle } from "~/components/icons"
 import { useNavigate } from "@solidjs/router"
 import { TiWarning } from "solid-icons/ti"
+import "./artplayer.css"
 
 export interface Data {
   drive_id: string

src/pages/home/previews/aliyun_video.tsx

@@ -0,0 +1,16 @@
+/* Some custom styles for ArtPlayer */
+
+/* Hide previous and next buttons on small screens */
+@media (max-width: 420px) {
+  .art-control.art-control-previous-button,
+  .art-control.art-control-next-button {
+    display: none;
+  }
+}
+
+/* Hide time on smaller screens */
+@media (max-width: 340px) {
+  .art-control.art-control-time {
+    display: none;
+  }
+}

src/pages/home/previews/artplayer.css

@@ -16,6 +16,7 @@ import { currentLang } from "~/app/i18n"
 import { AutoHeightPlugin, VideoBox } from "./video_box"
 import { ArtPlayerIconsSubtitle } from "~/components/icons"
 import { useNavigate } from "@solidjs/router"
+import "./artplayer.css"
 
 const Preview = () => {
   const { pathname, searchParams } = useRouter()