本次提交主要对上一个移动端适配commit进行了优化和问题修复。 - **PC端布局修复**: - 修复了密钥表格在PC端显示为2列的问题,恢复为3列布局,优化了视觉效果。 - 重新设计了日志页面的筛选器布局,从多行改为响应式网格布局,解决了PC端筛选栏显示混乱的问题。 - **移动端适配优化**: - 完善了页脚(Footer)在移动端的显示,确保所有链接和信息都能完整展示。 - 对编辑分组的表单进行了移动端适配,优化了表单项的排列方式,提升了在小屏幕上的可用性。 - **代码优化**: - 在分组表单中为配置项增加了提示(Tooltip),增强了用户体验。 - 统一和优化了部分组件的样式,使其在不同设备上表现更一致。
主要变化包括: - 实现了响应式主布局,带有可折叠的汉堡菜单,用于移动导航。 - 调整了仪表板、密钥管理和信息卡中的网格布局,使其在较小的屏幕上垂直堆叠内容。 - 使图表和数据表可水平滚动或使其元素换行,以防止溢出并保持可用性。 - 添加了 `@vueuse/core` 库,用于动态检测屏幕尺寸以实现响应式逻辑。 - 改进了各种组件(如按钮、字体和间距)的样式,以改善移动设备上的视觉层次结构。