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

Switched to Composition API

Browse source
This commit is contained in:
Shiny Nematoda 2022-04-15 15:29:43 +05:30
parent 75b0a9b319
commit 8ee03fa623
11 changed files with 705 additions and 647 deletions
Download patch file Download diff file Expand all files Collapse all files

36
src/components/Playlists.vue
View file

@ -1,5 +1,9 @@
<script setup>
defineProps(['url', 'urls', 'show']);
defineProps({
url: String,
urls: Array,
show: Boolean,
});
defineEmits(['playthis']);
</script>
@ -56,34 +60,4 @@ defineEmits(['playthis']);
.pl-main {
padding-left: 3rem;
}
.bars-wrap {
position: absolute;
height: 1.5rem;
width: 2rem;
transform: rotateZ(180deg);
}
.bars {
position: relative;
height: 15%;
width: calc(calc(100% / 3) - 0.2rem);
margin-left: 0.1rem;
background: var(--color-foreground);
float: left;
animation: heightc 1s ease infinite;
}
.bars:first-child {
animation-delay: 0.25s;
}
.bars:nth-child(2) {
animation-delay: 0.5s;
}
.bars:last-child {
margin-left: none;
}
@keyframes heightc {
50% {
height: 100%;
}
}
</style>