mirror of
https://github.com/mofeng-git/One-KVM.git
synced 2026-10-28 08:20:49 +08:00
feat(web): 改版设置页与控制台界面
统一登录页、控制台和设置页的视觉样式,固定控制台设置入口并补充控件展开状态。 设置页改为按卡片保存,分别处理采集、编码、连接、HID 功能和设备标识,保留相邻卡片草稿。 增加共享帮助提示和移动端导航,固定前端构建依赖。 验证:独立暂存快照前端构建通过;控制台浏览器测试 5 组通过,覆盖登录、三种布局、窄屏、主题和语言切换。
This commit is contained in:
18
web/src/components/SettingsSidebarButton.vue
Normal file
18
web/src/components/SettingsSidebarButton.vue
Normal file
@@ -0,0 +1,18 @@
|
||||
<script setup lang="ts">
|
||||
import { SidebarMenuButton, useSidebar } from '@/components/ui/sidebar'
|
||||
defineOptions({ inheritAttrs: false })
|
||||
defineProps<{ isActive?: boolean }>()
|
||||
const { isMobile, setOpenMobile } = useSidebar()
|
||||
function closeMobile() {
|
||||
if (isMobile.value) setOpenMobile(false)
|
||||
}
|
||||
</script>
|
||||
<template>
|
||||
<SidebarMenuButton
|
||||
v-bind="$attrs"
|
||||
:is-active="isActive"
|
||||
:aria-current="isActive ? 'page' : undefined"
|
||||
@click="closeMobile"
|
||||
><slot
|
||||
/></SidebarMenuButton>
|
||||
</template>
|
||||
Reference in New Issue
Block a user