mirror of
https://github.com/jxxghp/MoviePilot-Frontend.git
synced 2026-09-07 00:36:41 +08:00
feat: 为多个组件添加边框样式
This commit is contained in:
@@ -195,7 +195,7 @@ onMounted(() => {
|
|||||||
<VIcon :icon="getThemeIcon" />
|
<VIcon :icon="getThemeIcon" />
|
||||||
</IconBtn>
|
</IconBtn>
|
||||||
</template>
|
</template>
|
||||||
<VList class="theme-switcher-list pt-0">
|
<VList class="theme-switcher-list pt-0 border">
|
||||||
<VCardItem class="theme-switcher-header">
|
<VCardItem class="theme-switcher-header">
|
||||||
<VCardTitle class="font-weight-medium text-primary">主题选择</VCardTitle>
|
<VCardTitle class="font-weight-medium text-primary">主题选择</VCardTitle>
|
||||||
</VCardItem>
|
</VCardItem>
|
||||||
|
|||||||
@@ -61,7 +61,7 @@ const currentPath = computed(() => route.path)
|
|||||||
:color="moreActiveState ? 'primary' : ''"
|
:color="moreActiveState ? 'primary' : ''"
|
||||||
/>
|
/>
|
||||||
<VMenu v-model="moreMenuDialog" close-on-content-click activator="parent">
|
<VMenu v-model="moreMenuDialog" close-on-content-click activator="parent">
|
||||||
<VList class="font-bold" lines="one" elevation="1">
|
<VList class="font-bold border" lines="one">
|
||||||
<VListSubheader class="bg-transparent"> 更多 </VListSubheader>
|
<VListSubheader class="bg-transparent"> 更多 </VListSubheader>
|
||||||
<VListItem
|
<VListItem
|
||||||
class="pe-20 ps-5"
|
class="pe-20 ps-5"
|
||||||
|
|||||||
@@ -121,7 +121,7 @@ onMounted(() => {
|
|||||||
</IconBtn>
|
</IconBtn>
|
||||||
</template>
|
</template>
|
||||||
<!-- Menu Content -->
|
<!-- Menu Content -->
|
||||||
<VCard class="shortcut-menu-card">
|
<VCard class="shortcut-menu-card border">
|
||||||
<VCardItem class="shortcut-header border-b">
|
<VCardItem class="shortcut-header border-b">
|
||||||
<VCardTitle class="font-weight-medium text-primary">捷径</VCardTitle>
|
<VCardTitle class="font-weight-medium text-primary">捷径</VCardTitle>
|
||||||
<template #append>
|
<template #append>
|
||||||
|
|||||||
@@ -54,7 +54,7 @@ onBeforeUnmount(() => {
|
|||||||
</IconBtn>
|
</IconBtn>
|
||||||
</template>
|
</template>
|
||||||
<!-- Menu Content -->
|
<!-- Menu Content -->
|
||||||
<VCard>
|
<VCard class="border">
|
||||||
<VCardItem class="notification-header">
|
<VCardItem class="notification-header">
|
||||||
<VCardTitle class="font-weight-medium text-primary">通知中心</VCardTitle>
|
<VCardTitle class="font-weight-medium text-primary">通知中心</VCardTitle>
|
||||||
<template #append>
|
<template #append>
|
||||||
|
|||||||
@@ -86,7 +86,7 @@ const userLevel = computed(() => userStore.level)
|
|||||||
<VImg :src="avatar" />
|
<VImg :src="avatar" />
|
||||||
|
|
||||||
<VMenu activator="parent" width="230" location="bottom end" offset="14px" class="user-menu">
|
<VMenu activator="parent" width="230" location="bottom end" offset="14px" class="user-menu">
|
||||||
<VList class="overflow-hidden pt-0">
|
<VList class="overflow-hidden pt-0 border">
|
||||||
<!-- 👉 User Avatar & Name -->
|
<!-- 👉 User Avatar & Name -->
|
||||||
<div class="user-profile-header px-2 py-4 mb-2">
|
<div class="user-profile-header px-2 py-4 mb-2">
|
||||||
<div class="d-flex align-center">
|
<div class="d-flex align-center">
|
||||||
|
|||||||
Reference in New Issue
Block a user