jingrowlocal/jingrowlocal
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

修复pagetype详情页右上角切换侧边栏位置的图标不显示的问题

Browse Source
This commit is contained in:
jingrow 2025-10-19 21:47:21 +08:00
parent 9ab0d96478
commit 6b7ed39017
1 changed files with 9 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
frontend/src/core/pagetype/GenericDetailPage.vue
View File

@ -15,10 +15,11 @@
size="small"
@click="toggleSidebarPosition"
:title="sidebarPosition === 'left' ? '切换到右侧' : '切换到左侧'"
class="sidebar-position-toggle-btn"
>
<template #icon>
<n-icon>
<Icon :icon="sidebarPosition === 'left' ? 'tabler:layout-sidebar-right' : 'tabler:layout-sidebar-left'" />
<Icon :icon="sidebarPosition === 'left' ? 'fluent:panel-right-16-regular' : 'fluent:panel-left-16-regular'" />
</n-icon>
</template>
</n-button>
@ -1450,5 +1451,12 @@ watch(() => route.params.entity, async (newEntity, oldEntity) => {
border-left: 1px solid var(--n-border-color) !important;
}
/* 侧边栏位置切换按钮样式 */
.sidebar-position-toggle-btn {
height: 32px !important;
min-width: 32px !important;
padding: 0 8px !important;
}
/* 响应式设计 - Naive UI Layout 自动处理 */
</style>