major redesign: move to rounded and extra spaceous UI

+ fix `play next` bug
+ add new folder banner image
+ add new now playing component
+ move to gray4 for accent color
+ increase image sizes, for clean UI
This commit is contained in:
geoffrey45
2022-08-18 02:55:46 +03:00
parent a7dc2fa6bd
commit 5476575d10
40 changed files with 339 additions and 328 deletions
+5 -5
View File
@@ -4,8 +4,8 @@ input[type="range"] {
width: calc(100% - 2px);
height: 0.3rem;
border-radius: 5px;
background-size: 0 100%;
background: $gray linear-gradient($accent, $accent) no-repeat;
background: $gray linear-gradient(90deg, $accent, $accent) no-repeat;
background-size: 100% 100%;
&::-webkit-slider-thumb {
-webkit-appearance: none;
@@ -38,15 +38,15 @@ input[type="range"] {
/* Input Thumb */
input[type="range"]::-webkit-slider-thumb:hover {
background: $pink;
background: $accent;
}
input[type="range"]::-moz-range-thumb:hover {
background: $pink;
background: $accent;
}
input[type="range"]::-ms-thumb:hover {
background: $pink;
background: $accent;
}
/* Input Track */