GithubBackup/MoviePilot-Frontend
1
0
Fork 0
mirror of https://github.com/jxxghp/MoviePilot-Frontend.git synced 2026-09-05 15:36:49 +08:00
Code Issues Packages Projects Releases Wiki Activity

feat: 优化主题切换器和用户通知组件的样式

Browse Source
This commit is contained in:
jxxghp
2025-04-08 19:34:27 +08:00
parent 93686bd354
commit 0ddf7ab070
2 changed files with 8 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/@core/components/ThemeSwitcher.vue
+8 -2
View File
@@ -234,8 +234,14 @@ onMounted(() => {
</VMenu> </VMenu>
<!-- 自定义 CSS -- --> <!-- 自定义 CSS -- -->
<VDialog v-if="cssDialog" v-model="cssDialog" max-width="50rem" scrollable :fullscreen="!display.mdAndUp.value"> <VDialog v-if="cssDialog" v-model="cssDialog" max-width="50rem" scrollable :fullscreen="!display.mdAndUp.value">
<VCard title="自定义主题风格"> <VCard>
<DialogCloseBtn @click="cssDialog = false" /> <VCardItem>
<VCardTitle>
<VIcon icon="mdi-palette" class="me-2" />
自定义主题风格
</VCardTitle>
<DialogCloseBtn @click="cssDialog = false" />
</VCardItem>
<VDivider /> <VDivider />
<VAceEditor <VAceEditor
v-model:value="customCSS" v-model:value="customCSS"
src/layouts/components/UserNotification.vue
-2
View File
@@ -126,13 +126,11 @@ onBeforeUnmount(() => {
&:hover { &:hover {
background-color: rgba(var(--v-theme-primary), 0.03); background-color: rgba(var(--v-theme-primary), 0.03);
box-shadow: 0 4px 8px rgba(var(--v-theme-on-surface), 0.06);
transform: translateY(-2px); transform: translateY(-2px);
} }
.notification-avatar { .notification-avatar {
background-color: rgba(var(--v-theme-primary), 0.1); background-color: rgba(var(--v-theme-primary), 0.1);
box-shadow: 0 4px 8px rgba(var(--v-theme-primary), 0.15);
} }
.notification-title { .notification-title {