feat/clean: styling and feature enhancements

The commit introduces several changes to improve the user interface and experience of the Audio Player. Major updates were made in the styling of audioPlayer.css, audioPlayer.tsx and src/app/playlist/[playlistId]/page.tsx. The UX was enhanced by adding a function to automatically synchronize scrolling with the song being played in the playlist. Also, a new feature has been added to make the track name a clickable link redirecting users to the song on Spotify. The Spotify logo was added in SVG format for better quality.
This commit is contained in:
Florian Sylvain
2023-11-16 16:45:27 +01:00
parent 28cd26b05c
commit 8fe9394b6b
4 changed files with 96 additions and 49 deletions
-2
View File
@@ -2,7 +2,6 @@ input[type=range]::-webkit-slider-thumb {
-webkit-appearance: none;
height: 8px;
width: 8px;
background: #ffffff;
cursor: pointer;
}
@@ -17,7 +16,6 @@ input[type=range]::-ms-thumb {
height: 36px;
width: 16px;
border-radius: 8px;
background: #ffffff;
cursor: pointer;
}