feat(layout): 添加侧边栏并优化布局结构

- 在 +layout.svelte 中引入 Sidebar 组件并调整整体布局
- 使用 Flexbox 实现侧边栏与主内容区域的响应式布局
- 更新 Header 样式,使用 fixed 定位并添加阴影效果- 新增全局 CSS 变量以统一背景色调
- 添加 @tauri-apps/plugin-store依赖用于本地存储功能
- 创建 Sidebar 组件,包含导航图标及交互逻辑- 移除页面中旧的临时导航列表,替换为新布局结构
- 调整样式细节,增强视觉一致性和用户体验
This commit is contained in:
Chaos
2025-11-06 00:14:10 +08:00
parent 7aa010c242
commit a024c4a043
7 changed files with 184 additions and 21 deletions

View File

@@ -1,9 +1,11 @@
@import 'tailwindcss';
:root{
--main-bg-color: #1f1f1f;
}
body {
background-color: #1f1f1f; /* 示例:一个深灰色 */
margin: 0;
color: white;
}
}