mirror of
https://github.com/antebudimir/feishin.git
synced 2026-01-01 10:23:33 +00:00
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:
parent
6a236c803a
commit
7a12e4657f
22 changed files with 1237 additions and 2 deletions
|
|
@ -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;
|
||||
}
|
||||
Loading…
Add table
Add a link
Reference in a new issue