优化 PluginAppCard 和 PluginCard 组件的样式

This commit is contained in:
jxxghp
2025-05-21 21:29:26 +08:00
parent 1f09e1ff93
commit bdc0fdd076
2 changed files with 3 additions and 4 deletions
+1 -2
View File
@@ -173,14 +173,13 @@ const dropdownItems = ref([
<VCardTitle <VCardTitle
class="text-white px-2 pb-0 text-lg text-shadow whitespace-nowrap overflow-hidden text-ellipsis" class="text-white px-2 pb-0 text-lg text-shadow whitespace-nowrap overflow-hidden text-ellipsis"
> >
<VBadge v-if="props.plugin?.state" dot inline color="success" />
{{ props.plugin?.plugin_name }} {{ props.plugin?.plugin_name }}
<span class="text-sm mt-1 text-gray-200"> v{{ props.plugin?.plugin_version }} </span> <span class="text-sm mt-1 text-gray-200"> v{{ props.plugin?.plugin_version }} </span>
</VCardTitle> </VCardTitle>
</VCardText> </VCardText>
<div class="relative flex flex-row items-start px-2 justify-between grow"> <div class="relative flex flex-row items-start px-2 justify-between grow">
<div class="relative flex-1 min-w-0"> <div class="relative flex-1 min-w-0">
<VCardText class="text-white text-sm px-2 py-0 text-shadow overflow-hidden line-clamp-3 ..."> <VCardText class="text-white text-sm px-2 py-1 text-shadow overflow-hidden line-clamp-3 ...">
{{ props.plugin?.plugin_desc }} {{ props.plugin?.plugin_desc }}
</VCardText> </VCardText>
</div> </div>
+2 -2
View File
@@ -350,14 +350,14 @@ watch(
<VCardTitle <VCardTitle
class="text-white px-2 pb-0 text-lg text-shadow whitespace-nowrap overflow-hidden text-ellipsis" class="text-white px-2 pb-0 text-lg text-shadow whitespace-nowrap overflow-hidden text-ellipsis"
> >
<VBadge v-if="props.plugin?.state" dot inline color="success" /> <VBadge dot inline :color="props.plugin?.state ? 'success' : 'secondary'" />
{{ props.plugin?.plugin_name }} {{ props.plugin?.plugin_name }}
<span class="text-sm mt-1 text-gray-200"> v{{ props.plugin?.plugin_version }} </span> <span class="text-sm mt-1 text-gray-200"> v{{ props.plugin?.plugin_version }} </span>
</VCardTitle> </VCardTitle>
</VCardText> </VCardText>
<div class="relative flex flex-row items-start px-2 justify-between grow"> <div class="relative flex flex-row items-start px-2 justify-between grow">
<div class="relative flex-1 min-w-0"> <div class="relative flex-1 min-w-0">
<VCardText class="px-2 py-0 text-white text-sm text-shadow overflow-hidden line-clamp-3 ..."> <VCardText class="px-2 py-1 text-white text-sm text-shadow overflow-hidden line-clamp-3 ...">
{{ props.plugin?.plugin_desc }} {{ props.plugin?.plugin_desc }}
</VCardText> </VCardText>
</div> </div>