<feed xmlns='http://www.w3.org/2005/Atom'>
<title>template-react-mantine/src/layouts/SiteSettings.module.css, branch main</title>
<subtitle>web 项目模板 react + mantine + vite + react router</subtitle>
<id>https://git.shu.moe/template-react-mantine/atom?h=main</id>
<link rel='self' href='https://git.shu.moe/template-react-mantine/atom?h=main'/>
<link rel='alternate' type='text/html' href='https://git.shu.moe/template-react-mantine/'/>
<updated>2026-09-06T10:59:52Z</updated>
<entry>
<title>新增全局设置抽屉与亮暗主题切换</title>
<updated>2026-09-06T10:59:52Z</updated>
<author>
<name>shu</name>
<email>nvcsadjkojf@outlook.com</email>
</author>
<published>2026-09-06T10:59:36Z</published>
<link rel='alternate' type='text/html' href='https://git.shu.moe/template-react-mantine/commit/?id=f62ab62e72698c57b4775792a0986f12de950750'/>
<id>urn:sha1:f62ab62e72698c57b4775792a0986f12de950750</id>
<content type='text'>
- 在基础布局顶栏右侧添加网站设置按钮，桌面使用右侧抽屉，移动端使用全宽抽屉
- 提供亮色、暗色、跟随系统三种外观模式，默认跟随系统并通过 Mantine 自动保存选择
- 设置即时生效，切换系统主题时同步更新页面外观
- 使用查询参数管理抽屉状态，支持浏览器返回关闭和直接访问设置链接
- 使用 CSS Modules 配置触控间距及移动端安全区域

验证：构建、lint 和空白检查通过。
浏览器验证通过：主题切换、本地保存、刷新恢复、跟随系统、返回关闭、移动端宽度、Escape 关闭、焦点恢复与直接设置链接关闭。
</content>
</entry>
</feed>
