From 0b98c40d0533464ffe79184a920e4efea3f91698 Mon Sep 17 00:00:00 2001
From: kuekhaoyang <kuekhaoyang@Gmail.com>
Date: Mon, 17 Nov 2025 09:14:23 +0800
Subject: [PATCH] Refactor navigation button in PlayerContent; replace Button
 component with a button element for improved styling and accessibility

---
 app/player/page.tsx | 13 ++++++-------
 1 file changed, 6 insertions(+), 7 deletions(-)

diff --git a/app/player/page.tsx b/app/player/page.tsx
index a222b18..0832f4d 100644
--- a/app/player/page.tsx
+++ b/app/player/page.tsx
@@ -155,21 +155,20 @@ function PlayerContent() {
       <nav className="sticky top-4 z-50 mx-4 mt-4 mb-8">
         <div className="max-w-7xl mx-auto bg-[var(--glass-bg)] backdrop-blur-[25px] saturate-[180%] border border-[var(--glass-border)] rounded-[var(--radius-2xl)] shadow-[0_4px_12px_color-mix(in_srgb,var(--shadow-color)_40%,transparent)] px-6 py-4">
           <div className="flex items-center justify-between">
-            <div className="flex items-center gap-3">
-              <Button 
-                variant="secondary" 
+            <div className="flex items-center gap-4">
+              <button 
                 onClick={() => router.push('/')}
-                className="flex items-center gap-2 p-2 w-10 h-10"
+                className="flex items-center justify-center hover:opacity-80 transition-opacity"
                 title="返回首页"
               >
                 <Image 
                   src="/icon.png" 
                   alt="KVideo" 
-                  width={24} 
-                  height={24}
+                  width={40} 
+                  height={40}
                   className="object-contain"
                 />
-              </Button>
+              </button>
               <Button 
                 variant="secondary" 
                 onClick={() => router.back()}