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

style: Update DownloaderCard and MediaServerCard to improve UI consistency

Browse Source
This commit is contained in:
jxxghp
2024-08-16 12:35:40 +08:00
parent 200b22cf0c
commit 57f6547b91
3 changed files with 9 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/cards/StorageCard.vue
+3 -5
View File
@@ -114,14 +114,12 @@ onMounted(() => {
<template>
<VCard variant="tonal" @click="openStorageDialog">
<VCardText class="flex justify-space-between align-center gap-3">
<div class="align-self-start">
<div class="align-self-start flex-1">
<h5 class="text-h6 mb-1">{{ storage.name }}</h5>
<div class="text-body-1 mb-3 text-xs" v-if="total">
{{ formatBytes(available, 1) }} / {{ formatBytes(total, 1) }}
</div>
<div class="mb-3 text-sm" v-if="total">{{ formatBytes(available, 1) }} / {{ formatBytes(total, 1) }}</div>
<div v-else>未配置</div>
</div>
<VImg :src="getIcon" cover class="mt-5" max-width="4rem" />
<VImg :src="getIcon" cover class="mt-5" max-width="3rem" min-width="3rem" />
</VCardText>
<div class="w-full absolute bottom-0">
<VProgressLinear v-if="usage > 0" :model-value="usage" :bg-color="progressColor" :color="progressColor" />