mirror of
https://github.com/Drop-OSS/drop-app.git
synced 2026-01-30 19:15:17 +01:00
18 lines
582 B
Vue
18 lines
582 B
Vue
<script setup lang="ts">
|
|
import { ArrowDownTrayIcon } from "@heroicons/vue/20/solid";
|
|
|
|
const props = defineProps<{ object: QueueState["queue"][0] }>();
|
|
</script>
|
|
|
|
<template>
|
|
<div
|
|
class="transition inline-flex items-center cursor-pointer rounded-sm px-4 py-1.5 bg-zinc-900 hover:bg-zinc-800 hover:text-zinc-300 relative"
|
|
>
|
|
<ArrowDownTrayIcon class="h-5 z-50 text-zinc-100 mix-blend-difference" />
|
|
<div
|
|
class="transition-all absolute left-0 top-0 bottom-0 bg-blue-600 z-10"
|
|
:style="{ width: `${props.object.progress * 100}%` }"
|
|
/>
|
|
</div>
|
|
</template>
|