mirror of
https://github.com/Drop-OSS/drop-app.git
synced 2026-06-22 04:11:37 +10:00
DecDuck
01335dadaf
* feat: async downloader + other fixes * feat: windows command parsing + use library path for install path * feat: better proton support * feat: style fixes and store button now uses in-app * feat: emulator rename + umu emulator fix * feat: bring process creation inline with docs * fix: clippy
27 lines
746 B
Vue
27 lines
746 B
Vue
<script setup lang="ts">
|
|
import { ArrowDownTrayIcon } from "@heroicons/vue/20/solid";
|
|
|
|
const props = defineProps<{ object?: QueueState["queue"][0] }>();
|
|
</script>
|
|
|
|
<template>
|
|
<NuxtLink
|
|
to="/queue"
|
|
class="transition inline-flex items-center cursor-pointer rounded-sm px-4 py-1.5 bg-zinc-900 hover:bg-zinc-800 relative"
|
|
>
|
|
<ArrowDownTrayIcon
|
|
:class="[
|
|
'h-5 z-50',
|
|
props.object
|
|
? 'text-white hover:text-zinc-300'
|
|
: 'text-zinc-600 hover:text-zinc-300',
|
|
]"
|
|
/>
|
|
<div
|
|
v-if="props.object?.dl_progress"
|
|
class="transition-all absolute left-0 top-0 bottom-0 bg-blue-600 z-10"
|
|
:style="{ width: `${props.object.dl_progress * 99 + 1}%` }"
|
|
/>
|
|
</NuxtLink>
|
|
</template>
|