From 517806af63543e1cbde1f1e0ceecc6cd055a0426 Mon Sep 17 00:00:00 2001
From: Innei <i@innei.in>
Date: Fri, 26 Jul 2024 19:24:48 +0800
Subject: [PATCH] fix: update marquee style

Signed-off-by: Innei <i@innei.in>
---
 src/renderer/src/components/ui/marquee/index.tsx | 16 ++++++++--------
 .../src/modules/feed-column/corner-player.tsx    |  1 +
 2 files changed, 9 insertions(+), 8 deletions(-)

diff --git a/src/renderer/src/components/ui/marquee/index.tsx b/src/renderer/src/components/ui/marquee/index.tsx
index 4dbb36452..3c021a1cc 100644
--- a/src/renderer/src/components/ui/marquee/index.tsx
+++ b/src/renderer/src/components/ui/marquee/index.tsx
@@ -1,8 +1,14 @@
 import type { PropsWithChildren } from "react"
 import { useCallback, useRef, useState } from "react"
+import type { MarqueeProps } from "react-fast-marquee"
 import Marquee from "react-fast-marquee"
 
-export const TitleMarquee = ({ children }: PropsWithChildren) => {
+export const TitleMarquee = ({
+  children,
+  speed = 30,
+  play,
+  ...rest
+}: PropsWithChildren & MarqueeProps) => {
   const [hovered, setHovered] = useState(false)
   const ref = useRef<HTMLDivElement>(null)
 
@@ -42,13 +48,7 @@ export const TitleMarquee = ({ children }: PropsWithChildren) => {
         })
       }, [])}
     >
-      <Marquee
-        play={hovered}
-        ref={ref}
-        // gradient
-        // gradientWidth={24}
-        speed={30}
-      >
+      <Marquee play={hovered} ref={ref} speed={speed} {...rest}>
         {children}
       </Marquee>
     </div>
diff --git a/src/renderer/src/modules/feed-column/corner-player.tsx b/src/renderer/src/modules/feed-column/corner-player.tsx
index 04da24d39..815ed1d18 100644
--- a/src/renderer/src/modules/feed-column/corner-player.tsx
+++ b/src/renderer/src/modules/feed-column/corner-player.tsx
@@ -136,6 +136,7 @@ const CornerPlayerImpl = () => {
         <div className="relative truncate px-2 py-1 text-center text-sm">
           <Marquee
             play={playerValue.status === "playing"}
+            className="font-medium"
             gradient
             gradientWidth={24}
             gradientColor="var(--fo-modal-background)"