okseby/orchard
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

add pagination for library songs

Browse source
This commit is contained in:
Kendall Garner 2022-07-01 03:03:10 -04:00
parent b6c4cb33af
commit a2d64b55c1
No known key found for this signature in database
GPG key ID: 18D2767419676C87
6 changed files with 186 additions and 16 deletions
Download patch file Download diff file Expand all files Collapse all files

58
src/renderer/style.css
View file

@ -10652,6 +10652,26 @@ fieldset:disabled .btn {
margin-bottom: -1.5px;
align-self: center;
}
.page-btn {
align-self: center;
height: 32px;
}
.page-btn img {
height: 100%;
align-self: center;
}
.md-ico-first {
content: url('./assets/angles-left.svg');
}
.md-ico-prev {
content: url('./assets/chevron-left.svg');
}
.md-ico-next {
content: url('./assets/chevron-right.svg');
}
.md-ico-last {
content: url('./assets/angles-right.svg');
}
.reload-btn {
background: rgba(86, 86, 86, 0.52);
border-radius: 100%;
@ -16420,7 +16440,7 @@ input[type="range"].web-slider.display--small::-webkit-slider-thumb {
display: flex;
justify-content: center;
align-items: center;
--chromeHeight1: 60px;
--chromeHeight1: 70px;
}
.fullscreen-view .app-content-container {
width: 100%;
@ -16446,8 +16466,6 @@ input[type="range"].web-slider.display--small::-webkit-slider-thumb {
left: 0;
right: 0;
height: var(--chromeHeight1);
background: var(--color1);
backdrop-filter: var(--glassFilter);
display: flex;
justify-content: center;
align-items: center;
@ -16458,8 +16476,9 @@ input[type="range"].web-slider.display--small::-webkit-slider-thumb {
border: 1px solid #323232;
border-radius: 12px;
display: flex;
height: 42px;
height: 55px;
width: 90%;
backdrop-filter: var(--glassFilter);
}
.fullscreen-view .fs-header .top-nav-group .app-sidebar-item {
background-color: #1e1e1e00;
@ -16472,6 +16491,8 @@ input[type="range"].web-slider.display--small::-webkit-slider-thumb {
margin: 0px;
height: 100%;
position: relative;
font-size: 1.1em;
font-weight: 500;
}
.fullscreen-view .fs-header .top-nav-group .app-sidebar-item:before {
--dist: 1px;
@ -16812,10 +16833,25 @@ input[type="range"].web-slider.display--small::-webkit-slider-thumb {
font-size: 1.1em;
font-weight: 380;
}
.fullscreen-view .cd-mediaitem-list-item .duration {
font-size: 1.2em;
}
.fullscreen-view .cd-mediaitem-list-item .artwork {
width: 50px;
height: 50px;
}
.fullscreen-view .cd-btn-seeall {
font-size: 1.2em;
}
.fullscreen-view h1 {
font-size: 3em;
}
.fullscreen-view h3 {
font-size: 1.5rem;
}
.fullscreen-view .home-page .well.artistfeed-well {
height: 512px;
}
.fullscreen-view .header-text {
font-size: 3em;
height: 3em;
@ -16853,6 +16889,20 @@ input[type="range"].web-slider.display--small::-webkit-slider-thumb {
gap: 16px;
margin-top: 40px;
}
.fullscreen-view .playlist-page .playlist-display .playlistInfo .playlist-hero {
transform: unset;
}
.fullscreen-view .artist-page .artist-header {
min-height: 60vh;
}
.fullscreen-view .artist-page .artist-image {
width: 20vh;
height: 20vh;
aspect-ratio: 1;
}
.fullscreen-view .artist-page.animated .artist-header {
min-height: 80vh;
}
.fullscreen-view .playlist-page .playlist-body {
flex: 1;
}