From f62ab62e72698c57b4775792a0986f12de950750 Mon Sep 17 00:00:00 2001 From: shu Date: Sun, 6 Sep 2026 18:59:36 +0800 Subject: 新增全局设置抽屉与亮暗主题切换 MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit - 在基础布局顶栏右侧添加网站设置按钮，桌面使用右侧抽屉，移动端使用全宽抽屉 - 提供亮色、暗色、跟随系统三种外观模式，默认跟随系统并通过 Mantine 自动保存选择 - 设置即时生效，切换系统主题时同步更新页面外观 - 使用查询参数管理抽屉状态，支持浏览器返回关闭和直接访问设置链接 - 使用 CSS Modules 配置触控间距及移动端安全区域 验证：构建、lint 和空白检查通过。 浏览器验证通过：主题切换、本地保存、刷新恢复、跟随系统、返回关闭、移动端宽度、Escape 关闭、焦点恢复与直接设置链接关闭。 --- src/layouts/SiteSettings.module.css | 16 ++++++++++++++++ 1 file changed, 16 insertions(+) create mode 100644 src/layouts/SiteSettings.module.css (limited to 'src/layouts/SiteSettings.module.css') diff --git a/src/layouts/SiteSettings.module.css b/src/layouts/SiteSettings.module.css new file mode 100644 index 0000000..4718208 --- /dev/null +++ b/src/layouts/SiteSettings.module.css @@ -0,0 +1,16 @@ +.trigger { + margin-inline-start: auto; + flex-shrink: 0; +} + +.header { + padding-top: max(var(--mantine-spacing-md), env(safe-area-inset-top)); + padding-left: max(var(--mantine-spacing-md), env(safe-area-inset-left)); + padding-right: max(var(--mantine-spacing-md), env(safe-area-inset-right)); +} + +.body { + padding-bottom: max(var(--mantine-spacing-md), env(safe-area-inset-bottom)); + padding-left: max(var(--mantine-spacing-md), env(safe-area-inset-left)); + padding-right: max(var(--mantine-spacing-md), env(safe-area-inset-right)); +} -- cgit v1.2.3