fix: Remove music icon badge from PersistentMusicPlayer
- Remove redundant 🎵 badge from the music player itself
- Clean up Badge import that's no longer needed
- Keep the player interface clean and focused on controls
The music player now has a cleaner look without redundant visual indicators.
This commit is contained in:
parent
6244c7c6b8
commit
a28fe003a0
@ -11,7 +11,6 @@ import {
|
||||
SliderThumb,
|
||||
Icon,
|
||||
useToast,
|
||||
Badge,
|
||||
} from '@chakra-ui/react';
|
||||
import {
|
||||
FiPlay,
|
||||
@ -227,14 +226,9 @@ export const PersistentMusicPlayer: React.FC<PersistentMusicPlayerProps> = ({
|
||||
<HStack spacing={4} align="center">
|
||||
{/* Song Info */}
|
||||
<VStack align="start" spacing={1} flex={1} minW={0}>
|
||||
<HStack spacing={2} align="center">
|
||||
<Text fontWeight="bold" fontSize="md" color="white" noOfLines={1}>
|
||||
{currentSong.title}
|
||||
</Text>
|
||||
<Badge colorScheme="green" size="sm" variant="subtle" bg="green.900" color="green.200">
|
||||
🎵
|
||||
</Badge>
|
||||
</HStack>
|
||||
<Text fontWeight="bold" fontSize="md" color="white" noOfLines={1}>
|
||||
{currentSong.title}
|
||||
</Text>
|
||||
<Text fontSize="sm" color="gray.400" noOfLines={1}>
|
||||
{currentSong.artist}
|
||||
</Text>
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user