mirrors/Hyperpipe
1
0
Fork 0
mirror of https://codeberg.org/Hyperpipe/Hyperpipe synced 2025-06-28 13:08:01 +02:00
Code Issues Projects Releases Packages Wiki Activity Actions

Playlist Art, Minor Fixes

Browse source
This commit is contained in:
Shiny Nematoda 2022-05-29 14:18:37 -05:00
parent abcd8eb7b5
commit a88c9081f1
8 changed files with 60 additions and 18 deletions
Download patch file Download diff file Expand all files Collapse all files

13
src/components/StatusBar.vue
View file

@ -47,7 +47,7 @@ function Save() {
">
<template #content>
<template v-for="i in list">
<div class="flex item" @click="pl = i.name">
<div class="flex item" @click="pl = i.name" :data-active="pl == i.name">
<span>{{ i.name }}</span
><span class="ml-auto">{{ i.urls.length || '' }}</span>
</div>
@ -177,10 +177,17 @@ function Save() {
margin-left: auto;
}
.item {
border-radius: 50rem 0 0 50rem;
background: var(--color-background);
border-radius: .5rem;
margin: .5rem 0;
}
.item:hover {
background-color: var(--color-background-mute);
background: var(--color-background-mute);
}
.item[data-active=true] {
color: var(--color-background);
background: linear-gradient(135deg, cornflowerblue, #88c0d0);
}
#menu {
bottom: 1.5rem;