Ryan/drop-app
1
0
Fork 0
mirror of https://github.com/Drop-OSS/drop-app.git synced 2025-11-13 16:22:43 +10:00
Code Issues Packages Projects Releases Wiki Activity

feat(download widget): download widget and queue fix

Browse Source
This commit is contained in:
DecDuck
2024-12-08 12:33:45 +11:00
parent 5cbeb3bdb6
commit 532d13e96f
9 changed files with 85 additions and 45 deletions
Download Patch File Download Diff File Expand all files Collapse all files

17
components/HeaderQueueWidget.vue Normal file
View File

@ -0,0 +1,17 @@
<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>