GithubBackup/MoviePilot-Frontend
1
0
Fork 0
mirror of https://github.com/jxxghp/MoviePilot-Frontend.git synced 2026-06-21 07:33:49 +08:00
Code Issues Packages Projects Releases Wiki Activity

fix(plugin): 优化插件市场详情对话框的按钮布局和样式

Browse Source
This commit is contained in:
jxxghp
2026-06-19 11:31:46 +08:00
parent 0a22f33e34
commit f8ceee39b3
1 changed files with 15 additions and 17 deletions
Download Patch File Download Diff File Expand all files Collapse all files

32
src/components/dialog/PluginMarketDetailDialog.vue
View File

@@ -228,21 +228,19 @@ onUnmounted(() => {
:text="props.plugin?.system_version_message || t('plugin.incompatibleSystemVersion')"
/>
<div class="plugin-market-detail-actions">
<VBtn
variant="tonal"
@click="showUpdateHistory"
prepend-icon="mdi-update"
>
{{ t('plugin.versionHistory') }}
</VBtn>
<VBtn
color="primary"
@click="installPlugin()"
prepend-icon="mdi-download"
:disabled="props.plugin?.system_version_compatible === false"
>
{{ t('plugin.installToLocal') }}
</VBtn>
<div>
<VBtn
color="primary"
@click="installPlugin()"
prepend-icon="mdi-download"
:disabled="props.plugin?.system_version_compatible === false"
>
{{ t('plugin.installToLocal') }}
</VBtn>
<VBtn variant="tonal" @click="showUpdateHistory" prepend-icon="mdi-update" class="ms-2">
{{ t('plugin.versionHistory') }}
</VBtn>
</div>
<div class="plugin-market-detail-actions__downloads" v-if="props.count">
<VIcon icon="mdi-fire" />
{{ t('plugin.totalDownloads', { count: formatDownloadCount(props.count) }) }}
@@ -261,9 +259,9 @@ onUnmounted(() => {
.plugin-market-detail-actions {
display: flex;
flex-wrap: wrap;
gap: 0.75rem;
align-items: center;
justify-content: center;
gap: 0.75rem;
}
.plugin-market-detail-actions__downloads {
@@ -273,7 +271,7 @@ onUnmounted(() => {
text-align: center;
}
@media (min-width: 960px) {
@media (width >= 960px) {
.plugin-market-detail-actions {
justify-content: flex-start;
}