mirror of
https://github.com/jxxghp/MoviePilot-Frontend.git
synced 2026-05-27 03:09:45 +08:00
Refactor page titles and dialog close buttons across multiple views
- Replaced instances of `DialogCloseBtn` with `VDialogCloseBtn` in TransferHistoryView, AccountSettingAbout, AccountSettingSystem, and UserProfileView for consistency. - Introduced a new component `PageContentTitle` to standardize page titles in SiteCardListView, SubscribeListView, UserListView, and WorkflowListView, improving layout and readability. - Added keyword filtering functionality in SubscribeListView and SubscribeShareView to enhance user experience during searches. - Added a new site logo image to the assets.
This commit is contained in:
@@ -96,7 +96,6 @@ onUnmounted(() => {
|
||||
backdrop-filter: blur(10px);
|
||||
background-color: rgba(var(--v-theme-background), 0.8);
|
||||
border-block-end: 1px solid rgba(var(--v-theme-on-surface), 0.05);
|
||||
gap: 16px; // 为按钮留出空间
|
||||
inset-block-start: 0;
|
||||
margin-block-end: 16px;
|
||||
padding-block: 8px;
|
||||
|
||||
18
src/layouts/components/PageContentTitle.vue
Normal file
18
src/layouts/components/PageContentTitle.vue
Normal file
@@ -0,0 +1,18 @@
|
||||
<script setup lang="ts">
|
||||
defineProps({
|
||||
// 标题
|
||||
title: String,
|
||||
})
|
||||
</script>
|
||||
<template>
|
||||
<div v-if="title" class="my-3 md:flex md:items-center md:justify-between">
|
||||
<div class="min-w-0 flex-1 mx-0">
|
||||
<h2
|
||||
class="ms-1 truncate text-2xl font-bold leading-7 text-gray-100 sm:overflow-visible sm:text-3xl sm:leading-9 md:mb-0"
|
||||
data-testid="page-header"
|
||||
>
|
||||
<span class="text-moviepilot">{{ title }}</span>
|
||||
</h2>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
@@ -210,7 +210,7 @@ onMounted(() => {
|
||||
<VIcon icon="mdi-text-recognition" class="me-2" />
|
||||
名称识别测试
|
||||
</VCardTitle>
|
||||
<DialogCloseBtn @click="nameTestDialog = false" />
|
||||
<VDialogCloseBtn @click="nameTestDialog = false" />
|
||||
</VCardItem>
|
||||
<VDivider />
|
||||
<VCardText>
|
||||
@@ -226,7 +226,7 @@ onMounted(() => {
|
||||
<VIcon icon="mdi-network" class="me-2" />
|
||||
网速连通性测试
|
||||
</VCardTitle>
|
||||
<DialogCloseBtn @click="netTestDialog = false" />
|
||||
<VDialogCloseBtn @click="netTestDialog = false" />
|
||||
</VCardItem>
|
||||
<VDivider />
|
||||
<VCardText>
|
||||
@@ -243,7 +243,7 @@ onMounted(() => {
|
||||
:fullscreen="!display.mdAndUp.value"
|
||||
>
|
||||
<VCard>
|
||||
<DialogCloseBtn @click="loggingDialog = false" />
|
||||
<VDialogCloseBtn @click="loggingDialog = false" />
|
||||
<VCardItem>
|
||||
<VCardTitle class="inline-flex">
|
||||
<VIcon icon="mdi-file-document" class="me-2" />
|
||||
@@ -272,7 +272,7 @@ onMounted(() => {
|
||||
<VIcon icon="mdi-filter-cog" class="me-2" />
|
||||
规则测试
|
||||
</VCardTitle>
|
||||
<DialogCloseBtn @click="ruleTestDialog = false" />
|
||||
<VDialogCloseBtn @click="ruleTestDialog = false" />
|
||||
</VCardItem>
|
||||
<VDivider />
|
||||
<VCardText>
|
||||
@@ -288,7 +288,7 @@ onMounted(() => {
|
||||
<VIcon icon="mdi-cog" class="me-2" />
|
||||
系统健康检查
|
||||
</VCardTitle>
|
||||
<DialogCloseBtn @click="systemTestDialog = false" />
|
||||
<VDialogCloseBtn @click="systemTestDialog = false" />
|
||||
</VCardItem>
|
||||
<VDivider />
|
||||
<VCardText>
|
||||
@@ -310,7 +310,7 @@ onMounted(() => {
|
||||
<VIcon icon="mdi-message" class="me-2" />
|
||||
消息中心
|
||||
</VCardTitle>
|
||||
<DialogCloseBtn @click="messageDialog = false" />
|
||||
<VDialogCloseBtn @click="messageDialog = false" />
|
||||
</VCardItem>
|
||||
<VDivider />
|
||||
<VCardText ref="chatContainer">
|
||||
|
||||
@@ -189,7 +189,7 @@ const userLevel = computed(() => userStore.level)
|
||||
<VBtn variant="elevated" color="error" @click="restart" prepend-icon="mdi-restart" class="px-5"> 确定 </VBtn>
|
||||
<VBtn variant="tonal" color="secondary" class="px-5" @click="restartDialog = false">取消</VBtn>
|
||||
</VCardActions>
|
||||
<DialogCloseBtn @click="restartDialog = false" />
|
||||
<VDialogCloseBtn @click="restartDialog = false" />
|
||||
</VCard>
|
||||
</VDialog>
|
||||
</template>
|
||||
|
||||
Reference in New Issue
Block a user