feat(layout): 添加侧边栏并优化布局结构
- 在 +layout.svelte 中引入 Sidebar 组件并调整整体布局 - 使用 Flexbox 实现侧边栏与主内容区域的响应式布局 - 更新 Header 样式,使用 fixed 定位并添加阴影效果- 新增全局 CSS 变量以统一背景色调 - 添加 @tauri-apps/plugin-store依赖用于本地存储功能 - 创建 Sidebar 组件,包含导航图标及交互逻辑- 移除页面中旧的临时导航列表,替换为新布局结构 - 调整样式细节,增强视觉一致性和用户体验
This commit is contained in:
@@ -1,9 +1,11 @@
|
||||
@import 'tailwindcss';
|
||||
|
||||
:root{
|
||||
--main-bg-color: #1f1f1f;
|
||||
}
|
||||
|
||||
body {
|
||||
background-color: #1f1f1f; /* 示例:一个深灰色 */
|
||||
|
||||
margin: 0;
|
||||
color: white;
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user