mirror of
https://github.com/jxxghp/MoviePilot-Frontend.git
synced 2026-09-05 23:56:42 +08:00
style: reduce compact-fab size and standardize padding across filter menus
This commit is contained in:
@@ -297,7 +297,7 @@ onMounted(() => {
|
|||||||
>
|
>
|
||||||
<VCard min-width="220">
|
<VCard min-width="220">
|
||||||
<!-- 名称搜索 -->
|
<!-- 名称搜索 -->
|
||||||
<div class="px-3 pt-3 pb-1">
|
<div class="pa-3">
|
||||||
<VTextField
|
<VTextField
|
||||||
v-model="subscribeFilter"
|
v-model="subscribeFilter"
|
||||||
:placeholder="t('subscribe.name')"
|
:placeholder="t('subscribe.name')"
|
||||||
@@ -324,7 +324,12 @@ onMounted(() => {
|
|||||||
</template>
|
</template>
|
||||||
<VListItemTitle>{{ option.label }}</VListItemTitle>
|
<VListItemTitle>{{ option.label }}</VListItemTitle>
|
||||||
<template #append>
|
<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>
|
</template>
|
||||||
</VListItem>
|
</VListItem>
|
||||||
</VList>
|
</VList>
|
||||||
@@ -341,7 +346,7 @@ onMounted(() => {
|
|||||||
location="bottom end"
|
location="bottom end"
|
||||||
>
|
>
|
||||||
<VCard min-width="260" max-width="320">
|
<VCard min-width="260" max-width="320">
|
||||||
<div class="px-3 pt-3 pb-1">
|
<div class="pa-3">
|
||||||
<VTextField
|
<VTextField
|
||||||
v-model="shareKeywordInput"
|
v-model="shareKeywordInput"
|
||||||
:placeholder="t('subscribe.keyword')"
|
:placeholder="t('subscribe.keyword')"
|
||||||
|
|||||||
@@ -120,7 +120,7 @@ onMounted(() => {
|
|||||||
location="bottom end"
|
location="bottom end"
|
||||||
>
|
>
|
||||||
<VCard min-width="260" max-width="320">
|
<VCard min-width="260" max-width="320">
|
||||||
<div class="px-3 pt-3 pb-1">
|
<div class="pa-3">
|
||||||
<VTextField
|
<VTextField
|
||||||
v-model="shareKeywordInput"
|
v-model="shareKeywordInput"
|
||||||
:placeholder="t('workflow.searchShares')"
|
:placeholder="t('workflow.searchShares')"
|
||||||
|
|||||||
@@ -289,11 +289,11 @@ html.v-overlay-scroll-blocked body {
|
|||||||
}
|
}
|
||||||
|
|
||||||
.compact-fab--primary .v-btn {
|
.compact-fab--primary .v-btn {
|
||||||
block-size: 3.5rem !important;
|
block-size: 3rem !important;
|
||||||
box-shadow:
|
box-shadow:
|
||||||
0 20px 40px rgb(15 23 42 / 20%),
|
0 20px 40px rgb(15 23 42 / 20%),
|
||||||
0 8px 18px rgb(15 23 42 / 12%);
|
0 8px 18px rgb(15 23 42 / 12%);
|
||||||
inline-size: 3.5rem !important;
|
inline-size: 3rem !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
.compact-fab--secondary .v-btn {
|
.compact-fab--secondary .v-btn {
|
||||||
@@ -302,7 +302,7 @@ html.v-overlay-scroll-blocked body {
|
|||||||
}
|
}
|
||||||
|
|
||||||
.compact-fab--primary .v-icon {
|
.compact-fab--primary .v-icon {
|
||||||
font-size: 1.75rem !important;
|
font-size: 1.5rem !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
.compact-fab--secondary .v-icon {
|
.compact-fab--secondary .v-icon {
|
||||||
|
|||||||
@@ -603,7 +603,11 @@ function initOptions(item: Plugin) {
|
|||||||
}
|
}
|
||||||
optionValue(authorFilterOptions.value, item.plugin_author)
|
optionValue(authorFilterOptions.value, item.plugin_author)
|
||||||
optionMutipleValue(labelFilterOptions.value, item.plugin_label)
|
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">
|
<VCard min-width="220">
|
||||||
<!-- 名称搜索 -->
|
<!-- 名称搜索 -->
|
||||||
<div class="px-3 pt-3 pb-1">
|
<div class="pa-3">
|
||||||
<VCombobox
|
<VCombobox
|
||||||
v-model="installedFilter"
|
v-model="installedFilter"
|
||||||
:items="installedPluginNames"
|
:items="installedPluginNames"
|
||||||
@@ -1366,11 +1370,7 @@ function onDragStartPlugin(evt: any) {
|
|||||||
<!-- 快捷筛选 -->
|
<!-- 快捷筛选 -->
|
||||||
<VList density="compact" class="px-2 py-1">
|
<VList density="compact" class="px-2 py-1">
|
||||||
<VListSubheader>{{ t('common.filter') }}</VListSubheader>
|
<VListSubheader>{{ t('common.filter') }}</VListSubheader>
|
||||||
<VListItem
|
<VListItem :active="enabledFilter" @click="enabledFilter = !enabledFilter" density="compact">
|
||||||
:active="enabledFilter"
|
|
||||||
@click="enabledFilter = !enabledFilter"
|
|
||||||
density="compact"
|
|
||||||
>
|
|
||||||
<template #prepend>
|
<template #prepend>
|
||||||
<VIcon icon="mdi-play-circle" color="success" size="small" />
|
<VIcon icon="mdi-play-circle" color="success" size="small" />
|
||||||
</template>
|
</template>
|
||||||
@@ -1379,11 +1379,7 @@ function onDragStartPlugin(evt: any) {
|
|||||||
<VIcon v-if="enabledFilter" icon="mdi-check" color="primary" size="small" />
|
<VIcon v-if="enabledFilter" icon="mdi-check" color="primary" size="small" />
|
||||||
</template>
|
</template>
|
||||||
</VListItem>
|
</VListItem>
|
||||||
<VListItem
|
<VListItem :active="hasUpdateFilter" @click="hasUpdateFilter = !hasUpdateFilter" density="compact">
|
||||||
:active="hasUpdateFilter"
|
|
||||||
@click="hasUpdateFilter = !hasUpdateFilter"
|
|
||||||
density="compact"
|
|
||||||
>
|
|
||||||
<template #prepend>
|
<template #prepend>
|
||||||
<VIcon icon="mdi-arrow-up-circle" color="info" size="small" />
|
<VIcon icon="mdi-arrow-up-circle" color="info" size="small" />
|
||||||
</template>
|
</template>
|
||||||
@@ -1407,7 +1403,7 @@ function onDragStartPlugin(evt: any) {
|
|||||||
>
|
>
|
||||||
<VCard min-width="260" max-width="320">
|
<VCard min-width="260" max-width="320">
|
||||||
<!-- 名称搜索 -->
|
<!-- 名称搜索 -->
|
||||||
<div class="px-3 pt-3 pb-1">
|
<div class="pa-3">
|
||||||
<VTextField
|
<VTextField
|
||||||
v-model="filterForm.name"
|
v-model="filterForm.name"
|
||||||
:placeholder="t('plugin.name')"
|
:placeholder="t('plugin.name')"
|
||||||
|
|||||||
Reference in New Issue
Block a user