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

优化 SiteCard 组件，调整按钮样式和图标大小，提升界面一致性和可读性。

Browse Source
This commit is contained in:
jxxghp
2025-05-08 15:53:32 +08:00
parent 53a8835b6d
commit 08e914a968
1 changed files with 8 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/cards/SiteCard.vue
+8 -8
View File
@@ -293,19 +293,19 @@ onMounted(() => {
</div> </div>
<!-- 右侧操作按钮区 --> <!-- 右侧操作按钮区 -->
<VSheet class="site-card-actions absolute inset-y-0 right-0 z-20 flex flex-col py-2 px-1 transform duration-300"> <VSheet class="site-card-actions absolute inset-y-0 right-0 z-20 flex flex-col py-2 px-1">
<!-- 测试按钮 --> <!-- 测试按钮 -->
<VBtn <VBtn
icon icon
variant="text" variant="text"
density="comfortable" density="comfortable"
class="mb-1 relative w-10 h-10 min-w-10 flex items-center justify-center rounded-full" class="mb-1 relative flex items-center justify-center rounded-full mx-auto"
:disabled="testButtonDisable" :disabled="testButtonDisable"
@click.stop="testSite" @click.stop="testSite"
> >
<div class="relative flex items-center justify-center w-full h-full"> <div class="relative flex items-center justify-center w-full h-full">
<div <div
class="w-[22px] h-[22px] rounded-full shadow-[inset_0_0_0_2px_rgba(var(--v-theme-on-surface),0.1)] pulse-dot" class="w-[20px] h-[20px] rounded-full shadow-[inset_0_0_0_2px_rgba(var(--v-theme-on-surface),0.1)] pulse-dot"
:class="statColor" :class="statColor"
></div> ></div>
</div> </div>
@@ -321,28 +321,28 @@ onMounted(() => {
<!-- 用户数据按钮 --> <!-- 用户数据按钮 -->
<VBtn icon variant="text" @click.stop="handleSiteUserData"> <VBtn icon variant="text" @click.stop="handleSiteUserData">
<VIcon icon="mdi-chart-bell-curve" size="small" /> <VIcon icon="mdi-chart-bell-curve" size="20" />
</VBtn> </VBtn>
<!-- 更新按钮 --> <!-- 更新按钮 -->
<VBtn icon variant="text" @click.stop="handleSiteUpdate"> <VBtn icon variant="text" @click.stop="handleSiteUpdate">
<VIcon icon="mdi-refresh" size="small" /> <VIcon icon="mdi-refresh" size="20" />
</VBtn> </VBtn>
<!-- 更多选项按钮 --> <!-- 更多选项按钮 -->
<VBtn icon variant="text" class="mt-auto"> <VBtn icon variant="text" class="mt-auto">
<VIcon icon="mdi-dots-vertical" size="small" /> <VIcon icon="mdi-dots-vertical" size="20" />
<VMenu :activator="'parent'" :close-on-content-click="true" :location="'left'"> <VMenu :activator="'parent'" :close-on-content-click="true" :location="'left'">
<VList> <VList>
<VListItem @click="handleResourceBrowse" base-color="info"> <VListItem @click="handleResourceBrowse" base-color="info">
<template #prepend> <template #prepend>
<VIcon icon="mdi-web" size="small" /> <VIcon icon="mdi-web" size="20" />
</template> </template>
<VListItemTitle>{{ t('site.browseResources') }}</VListItemTitle> <VListItemTitle>{{ t('site.browseResources') }}</VListItemTitle>
</VListItem> </VListItem>
<VListItem @click="deleteSiteInfo"> <VListItem @click="deleteSiteInfo">
<template #prepend> <template #prepend>
<VIcon icon="mdi-delete-outline" size="small" color="error" /> <VIcon icon="mdi-delete-outline" size="20" color="error" />
</template> </template>
<VListItemTitle class="text-error">{{ t('site.deleteSite') }}</VListItemTitle> <VListItemTitle class="text-error">{{ t('site.deleteSite') }}</VListItemTitle>
</VListItem> </VListItem>