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

优化 AddDownloadDialog 组件的样式，调整下载器和保存目录选择器的显示效果

Browse Source
This commit is contained in:
jxxghp
2025-03-31 13:35:36 +08:00
parent 9bd3aebd73
commit 77a6c591ff
1 changed files with 56 additions and 54 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/dialog/AddDownloadDialog.vue
+56 -54
View File
@@ -127,60 +127,62 @@ onMounted(() => {
</VCardTitle> </VCardTitle>
<DialogCloseBtn @click="emit('close')" /> <DialogCloseBtn @click="emit('close')" />
<VDivider /> <VDivider />
<VCardText class="p-1"> <VList lines="one">
<VList lines="one"> <VListItem>
<VListItem> <template #prepend>
<template #prepend> <VIcon icon="mdi-web"></VIcon>
<VIcon icon="mdi-web"></VIcon> </template>
</template> <VListItemTitle>
<VListItemTitle> <span class="whitespace-break-spaces me-2">{{ torrent?.title }}</span>
<span class="whitespace-break-spaces me-2">{{ torrent?.title }}</span> <span class="text-green-700 ms-2 text-sm">↑{{ torrent?.seeders }}</span>
<span class="text-green-700 ms-2 text-sm">↑{{ torrent?.seeders }}</span> <span class="text-orange-700 ms-2 text-sm">↓{{ torrent?.peers }}</span>
<span class="text-orange-700 ms-2 text-sm">↓{{ torrent?.peers }}</span> </VListItemTitle>
</VListItemTitle> </VListItem>
</VListItem> <VListItem v-if="torrent?.description">
<VListItem v-if="torrent?.description"> <template #prepend>
<template #prepend> <VIcon icon="mdi-subtitles-outline"></VIcon>
<VIcon icon="mdi-subtitles-outline"></VIcon> </template>
</template> <VListItemTitle>
<VListItemTitle> <span class="text-body-2 whitespace-break-spaces">{{ torrent?.description }}</span>
<span class="text-body-2 whitespace-break-spaces">{{ torrent?.description }}</span> </VListItemTitle>
</VListItemTitle> </VListItem>
</VListItem> <VListItem v-if="torrent?.size">
<VListItem v-if="torrent?.size"> <template #prepend>
<template #prepend> <VIcon icon="mdi-database"></VIcon>
<VIcon icon="mdi-database"></VIcon> </template>
</template> <VListItemTitle>
<VListItemTitle> <span class="text-body-2">
<span class="text-body-2"> <VChip variant="tonal" label>
<VChip variant="tonal" label> {{ formatFileSize(torrent?.size || 0) }}
{{ formatFileSize(torrent?.size || 0) }} </VChip>
</VChip> </span>
</span> </VListItemTitle>
</VListItemTitle> </VListItem>
</VListItem> </VList>
</VList> <VRow class="px-7">
<VRow> <VCol cols="12" md="4">
<VCol cols="12" md="4"> <VSelect
<VSelect v-model="selectedDownloader"
v-model="selectedDownloader" :items="downloaderOptions"
:items="downloaderOptions" size="small"
label="下载器（默认）" label="下载器（默认）"
variant="underlined" variant="underlined"
placeholder="留空默认" placeholder="留空默认"
/> density="compact"
</VCol> />
<VCol cols="12" md="8"> </VCol>
<VCombobox <VCol cols="12" md="8">
v-model="selectedDirectory" <VCombobox
:items="targetDirectories" v-model="selectedDirectory"
label="保存目录（自动）" :items="targetDirectories"
placeholder="留空自动匹配" label="保存目录（自动）"
variant="underlined" size="small"
/> placeholder="留空自动匹配"
</VCol> variant="underlined"
</VRow> density="compact"
</VCardText> />
</VCol>
</VRow>
<VCardText class="text-center"> <VCardText class="text-center">
<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">
{{ buttonText }} {{ buttonText }}