Refactor AddDownloadDialog.vue component and update download confirmation dialog UI

This commit is contained in:
jxxghp
2024-09-24 12:07:48 +08:00
parent 816dfa4e3b
commit 574464c1ea
+12 -4
View File
@@ -113,14 +113,15 @@ onMounted(() => {
</script> </script>
<template> <template>
<VDialog max-width="40rem" scrollable> <VDialog max-width="40rem" scrollable>
<VCard title="下载确认"> <VCard title="确认下载">
<DialogCloseBtn @click="emit('close')" /> <DialogCloseBtn @click="emit('close')" />
<VDivider /> <VDivider />
<VCardText> <VCardText>
<VRow> <VRow>
<VCol cols="12" class="text-lg text-high-emphasis"> <VCol cols="12" class="text-lg text-high-emphasis">
是否确认下载 {{ props.torrent?.site_name }} - {{ props.torrent?.title }}大小 <strong>标题</strong>{{ props.torrent?.title }}<br />
{{ formatFileSize(props.torrent?.size || 0) }} <strong>站点</strong>{{ props.torrent?.site_name }}<br />
<strong>大小</strong>{{ formatFileSize(props.torrent?.size || 0) }}
</VCol> </VCol>
</VRow> </VRow>
<VRow> <VRow>
@@ -147,7 +148,14 @@ onMounted(() => {
</VRow> </VRow>
</VCardText> </VCardText>
<VCardText class="text-center mt-3"> <VCardText class="text-center mt-3">
<VBtn variant="elevated" :disabled="loading" @click="addDownload" :prepend-icon="icon" class="px-5"> <VBtn
variant="elevated"
:disabled="loading"
@click="addDownload"
:prepend-icon="icon"
class="px-5"
size="large"
>
{{ buttonText }} {{ buttonText }}
</VBtn> </VBtn>
</VCardText> </VCardText>