MirrorMirror
/
funkwhale
mirror of https://dev.funkwhale.audio/funkwhale/funkwhale.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

style(front): player

This commit is contained in:
ArneBo 2025-02-05 02:45:05 +01:00
parent 614cfeafc0
commit ca1ccf5a49
2 changed files with 8 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
front/src/components/audio/Player.vue
View File

@ -285,7 +285,7 @@ const hideArtist = () => {
round round
:aria-label="loopingTitle" :aria-label="loopingTitle"
:disabled="!currentTrack" :disabled="!currentTrack"
:icon="looping === LoopingMode.LoopTrack ? 'bi-repeat-1' : looping === LoopingMode.LoopQueue ? 'bi-repeat' : 'bi-arrow-clockwise'" :icon="looping === LoopingMode.LoopTrack ? 'bi-repeat-1' : 'bi-repeat'"
@click.prevent.stop="toggleLooping" @click.prevent.stop="toggleLooping"
/> />

10
front/src/style/components/_player.scss
View File

@ -143,6 +143,13 @@
accent-color: var(--vibrant-color); accent-color: var(--vibrant-color);
} }
.looping, .shuffling,
.looping:hover, .shuffling:hover {
> i {
color: var(--vibrant-color);
}
}
@include media(">desktop") { @include media(">desktop") {
&:not(.fluid) { &:not(.fluid) {
width: 20%; width: 20%;
@ -197,9 +204,6 @@
.controls { .controls {
display: flex; display: flex;
} }
.shuffling {
color: var(--vibrant-color);
}
.fake-dropdown { .fake-dropdown {
display: flex; display: flex;
z-index: 2; z-index: 2;