angel/mice
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: adjust z-index values for fullscreen player elements to improve layering

Browse Source
This commit is contained in:
angel
2025-07-11 21:42:32 +00:00
committed by GitHub
parent c101ac79eb
commit 3eb16a7b7a
1 changed files with 2 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
app/components/FullScreenPlayer.tsx
View File

@@ -269,7 +269,7 @@ export const FullScreenPlayer: React.FC<FullScreenPlayerProps> = ({ isOpen, onCl
if (!isOpen || !currentTrack) return null; if (!isOpen || !currentTrack) return null;
return ( return (
<div className="fixed inset-0 z-50 bg-black overflow-hidden"> <div className="fixed inset-0 z-[70] bg-black overflow-hidden">
{/* Blurred background image */} {/* Blurred background image */}
{currentTrack.coverArt && ( {currentTrack.coverArt && (
<div <div
@@ -289,7 +289,7 @@ export const FullScreenPlayer: React.FC<FullScreenPlayerProps> = ({ isOpen, onCl
<div className="absolute inset-0 bg-black/50" /> <div className="absolute inset-0 bg-black/50" />
<div className="relative h-full w-full"> <div className="relative h-full w-full">
{/* Floating Header */} {/* Floating Header */}
<div className="absolute top-0 right-0 z-50 p-4 lg:p-6"> <div className="absolute top-0 right-0 z-10 p-4 lg:p-6">
<div className="flex items-center gap-2"> <div className="flex items-center gap-2">
{onOpenQueue && ( {onOpenQueue && (
<button <button