style: Update DownloaderCard.vue to include draggable icon button

This commit is contained in:
jxxghp
2024-07-26 21:18:38 +08:00
parent 799a385ff9
commit e92a74a088

View File

@@ -46,12 +46,17 @@ function onClose() {
<template>
<VCard variant="tonal">
<DialogCloseBtn @click="onClose" />
<span class="absolute top-3 right-12">
<IconBtn>
<VIcon class="cursor-move" icon="mdi-drag" />
</IconBtn>
</span>
<VCardText class="flex justify-space-between align-center gap-3">
<div class="align-self-start">
<h5 class="text-h6 mb-1">{{ downloader.name }}</h5>
<div class="text-body-1 mb-3">{{ getSpeedText }}</div>
</div>
<VImg :src="getIcon" cover class="mt-5 me-7" max-width="4rem" />
<VImg :src="getIcon" cover class="mt-10" max-width="4rem" />
</VCardText>
</VCard>
</template>