@ -12,7 +12,7 @@ export default function MusicBanner() {
};
return (
<div
className="flex items-center w-full bg-[#1d1d1d] text-[#ffffffb2] text-[14px] py-[12px] px-[18px] rounded-[6px] mt-[4px]"
className="flex items-center w-full bg-[#1d1d1d] text-[#ffffffb2] text-[14px] py-[12px] px-[18px] rounded-[6px] mt-[8px] mb-[8px]"
onClick={handleClick}
>
<ImageWithBasePath
@ -69,7 +69,7 @@ export default function MusicPanel() {
</div>
)}
<div className={`w-full ${loading && 'invisible'}`}>
<div className="relative w-[100%] aspect-square mt-[12px]">
<div className="relative w-[100%] aspect-square">
{musicInfo?.pic && (
<Image className="rounded-[6px] object-cover" unoptimized fill src={musicInfo?.pic} alt="cover" />