GithubBackup/MoviePilot-Frontend
1
0
Fork 0
mirror of https://github.com/jxxghp/MoviePilot-Frontend.git synced 2026-09-05 23:56:42 +08:00
Code Issues Packages Projects Releases Wiki Activity

style: Update DownloaderCard.vue to include draggable icon button

Browse Source
This commit is contained in:
jxxghp
2024-07-26 21:18:38 +08:00
parent 799a385ff9
commit e92a74a088
1 changed files with 6 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/cards/DownloaderCard.vue
+6 -1
View File
@@ -46,12 +46,17 @@ function onClose() {
<template> <template>
<VCard variant="tonal"> <VCard variant="tonal">
<DialogCloseBtn @click="onClose" /> <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"> <VCardText class="flex justify-space-between align-center gap-3">
<div class="align-self-start"> <div class="align-self-start">
<h5 class="text-h6 mb-1">{{ downloader.name }}</h5> <h5 class="text-h6 mb-1">{{ downloader.name }}</h5>
<div class="text-body-1 mb-3">{{ getSpeedText }}</div> <div class="text-body-1 mb-3">{{ getSpeedText }}</div>
</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> </VCardText>
</VCard> </VCard>
</template> </template>