feat: implement folder list view with navigation and playback

- Add folder browsing functionality with breadcrumb navigation
- Implement folder playback with recursive song scanning and progress notifications
- Add browser history support for back/forward button navigation
- Include empty folder detection and loading states
This commit is contained in:
Ante Budimir 2025-11-15 08:50:53 +02:00
parent 6a236c803a
commit 7a12e4657f
22 changed files with 1237 additions and 2 deletions

View file

@ -0,0 +1,56 @@
.container {
height: 100vh;
overflow: hidden;
}
.back-button {
cursor: pointer;
background: none;
border: none;
}
.breadcrumbs {
flex: 1;
}
.breadcrumb-item {
position: relative;
display: inline-block;
cursor: pointer;
background-color: transparent;
border-radius: 8px;
transition: background-color 0.2s ease;
}
.breadcrumb-item:hover {
background-color: rgb(255 255 255 / 5%);
}
.breadcrumb-text {
user-select: none;
}
.current-breadcrumb-text {
user-select: auto;
}
.folder-content {
flex: 1;
overflow-y: auto;
}
.folder-item {
position: relative;
cursor: pointer;
background-color: transparent;
border-radius: 8px;
transition: background-color 0.2s ease;
}
.folder-item:hover {
background-color: rgb(255 255 255 / 5%);
}
.song-title {
flex: 1;
}