GithubBackup/MoviePilot-Frontend
1
0
Fork 0
mirror of https://github.com/jxxghp/MoviePilot-Frontend.git synced 2026-05-06 20:43:03 +08:00
Code Issues Packages Projects Releases Wiki Activity

style: reduce compact-fab size and standardize padding across filter menus

Browse Source
This commit is contained in:
jxxghp
2026-04-19 13:35:25 +08:00
parent 20bdb940cd
commit 5cc9bf7418
4 changed files with 21 additions and 20 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
src/pages/subscribe.vue
View File

@@ -297,7 +297,7 @@ onMounted(() => {
>
<VCard min-width="220">
<!-- 名称搜索 -->
<div class="px-3 pt-3 pb-1">
<div class="pa-3">
<VTextField
v-model="subscribeFilter"
:placeholder="t('subscribe.name')"
@@ -324,7 +324,12 @@ onMounted(() => {
</template>
<VListItemTitle>{{ option.label }}</VListItemTitle>
<template #append>
<VIcon v-if="(subscribeStatusFilter || 'all') === option.value" icon="mdi-check" color="primary" size="small" />
<VIcon
v-if="(subscribeStatusFilter || 'all') === option.value"
icon="mdi-check"
color="primary"
size="small"
/>
</template>
</VListItem>
</VList>
@@ -341,7 +346,7 @@ onMounted(() => {
location="bottom end"
>
<VCard min-width="260" max-width="320">
<div class="px-3 pt-3 pb-1">
<div class="pa-3">
<VTextField
v-model="shareKeywordInput"
:placeholder="t('subscribe.keyword')"

2
src/pages/workflow.vue
View File

@@ -120,7 +120,7 @@ onMounted(() => {
location="bottom end"
>
<VCard min-width="260" max-width="320">
<div class="px-3 pt-3 pb-1">
<div class="pa-3">
<VTextField
v-model="shareKeywordInput"
:placeholder="t('workflow.searchShares')"

6
src/styles/common.scss
View File

@@ -289,11 +289,11 @@ html.v-overlay-scroll-blocked body {
}
.compact-fab--primary .v-btn {
block-size: 3.5rem !important;
block-size: 3rem !important;
box-shadow:
0 20px 40px rgb(15 23 42 / 20%),
0 8px 18px rgb(15 23 42 / 12%);
inline-size: 3.5rem !important;
inline-size: 3rem !important;
}
.compact-fab--secondary .v-btn {
@@ -302,7 +302,7 @@ html.v-overlay-scroll-blocked body {
}
.compact-fab--primary .v-icon {
font-size: 1.75rem !important;
font-size: 1.5rem !important;
}
.compact-fab--secondary .v-icon {

22
src/views/plugin/PluginCardListView.vue
View File

@@ -603,7 +603,11 @@ function initOptions(item: Plugin) {
}
optionValue(authorFilterOptions.value, item.plugin_author)
optionMutipleValue(labelFilterOptions.value, item.plugin_label)
optionValue(repoFilterOptions.value, handleRepoUrl(item), Boolean(item.is_local || item.repo_url?.startsWith('local://')))
optionValue(
repoFilterOptions.value,
handleRepoUrl(item),
Boolean(item.is_local || item.repo_url?.startsWith('local://')),
)
}
// 关闭插件市场窗口
@@ -1350,7 +1354,7 @@ function onDragStartPlugin(evt: any) {
>
<VCard min-width="220">
<!-- 名称搜索 -->
<div class="px-3 pt-3 pb-1">
<div class="pa-3">
<VCombobox
v-model="installedFilter"
:items="installedPluginNames"
@@ -1366,11 +1370,7 @@ function onDragStartPlugin(evt: any) {
<!-- 快捷筛选 -->
<VList density="compact" class="px-2 py-1">
<VListSubheader>{{ t('common.filter') }}</VListSubheader>
<VListItem
:active="enabledFilter"
@click="enabledFilter = !enabledFilter"
density="compact"
>
<VListItem :active="enabledFilter" @click="enabledFilter = !enabledFilter" density="compact">
<template #prepend>
<VIcon icon="mdi-play-circle" color="success" size="small" />
</template>
@@ -1379,11 +1379,7 @@ function onDragStartPlugin(evt: any) {
<VIcon v-if="enabledFilter" icon="mdi-check" color="primary" size="small" />
</template>
</VListItem>
<VListItem
:active="hasUpdateFilter"
@click="hasUpdateFilter = !hasUpdateFilter"
density="compact"
>
<VListItem :active="hasUpdateFilter" @click="hasUpdateFilter = !hasUpdateFilter" density="compact">
<template #prepend>
<VIcon icon="mdi-arrow-up-circle" color="info" size="small" />
</template>
@@ -1407,7 +1403,7 @@ function onDragStartPlugin(evt: any) {
>
<VCard min-width="260" max-width="320">
<!-- 名称搜索 -->
<div class="px-3 pt-3 pb-1">
<div class="pa-3">
<VTextField
v-model="filterForm.name"
:placeholder="t('plugin.name')"