multi-scrobbler/multi-scrobbler
1
0
Fork 0
mirror of https://github.com/FoxxMD/multi-scrobbler.git synced 2026-09-03 05:10:00 +03:00
Code Issues Packages Projects Releases Wiki Activity

feat: reduce now playing animation #500

Browse Source
This commit is contained in:
FoxxMD
2026-07-11 20:05:20 +00:00
parent 642af13f3c
commit e2dad463f6
1 changed files with 30 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/client/index-next.css
+30
View File
@@ -52,8 +52,38 @@
.chakra-stack .MuiLinearProgress-bar2 {
background-color: var(--chakra-colors-color-palette-500) !important;
}
/** high animation **/
/* .chakra-stack .MuiLinearProgress-indeterminate {
background-color: var(--chakra-colors-color-palette-500) !important;
} */
/** low animation **/
@keyframes slide { to { background-position: 26px 0; } }
.chakra-stack .MuiLinearProgress-indeterminate {
background-color: var(--chakra-colors-color-palette-500) !important;
background: linear-gradient(45deg,
#fff 25%,
#71717a 25%,
#71717a 50%,
#fff 50%,
#fff 75%,
#71717a 75%);
background: linear-gradient(45deg,
var(--chakra-colors-color-palette-700) 25%,
var(--chakra-colors-color-palette-400) 25%,
var(--chakra-colors-color-palette-400) 50%,
var(--chakra-colors-color-palette-700) 50%,
var(--chakra-colors-color-palette-700) 75%,
var(--chakra-colors-color-palette-400) 75%);
background-size: 25px 26px;
animation: slide 3s linear infinite;
}
.chakra-stack .MuiLinearProgress-indeterminate .MuiLinearProgress-bar1,.chakra-stack .MuiLinearProgress-indeterminate .MuiLinearProgress-bar2 {
display: none;
}
.chakra-stack .MuiLinearProgress-root {
height: 8px;