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

Add toggle switches for cover/visualizer

This commit is contained in:
wvffle 2022-11-04 00:03:49 +00:00 committed by Kasper Seweryn
parent 8306eaaff6
commit aa7ded73f8
1 changed files with 19 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

21
front/src/components/Queue.vue
View File

@ -181,8 +181,19 @@ const coverType = ref(CoverType.COVER_ART)
<milk-drop v-else-if="coverType === CoverType.MILK_DROP" /> <milk-drop v-else-if="coverType === CoverType.MILK_DROP" />
<div class="cover-buttons"> <div class="cover-buttons">
<button class="ui secondary button"> <button
<i class="icon ellipsis vertical" /> v-if="coverType === CoverType.COVER_ART"
class="ui secondary button"
@click="coverType = CoverType.MILK_DROP"
>
<i class="icon signal" />
</button>
<button
v-else-if="coverType === CoverType.MILK_DROP"
class="ui secondary button"
@click="coverType = CoverType.COVER_ART"
>
<i class="icon image outline" />
</button> </button>
</div> </div>
</div> </div>
@ -422,3 +433,9 @@ const coverType = ref(CoverType.COVER_ART)
</div> </div>
</section> </section>
</template> </template>
<style scoped>
.icon.image::before {
content: "\f03e";
}
</style>