feat(UI): 优化多个页面的UI设计和交互体验

refactor(ProtectedRoute): 调整加载状态布局和样式 feat(DeviceFieldManagement): 添加设计令牌和样式优化 feat(App): 重构侧边栏和顶部导航栏样式 feat(ConsumableStatistics): 重新设计统计卡片和表格样式 style: 统一多个组件的设计语言和配色方案
2026-01-20 11:28:53 +08:00
parent 25c1f5f905
commit 88e000a41a
11 changed files with 4476 additions and 1526 deletions
@@ -11,11 +11,14 @@ const ProtectedRoute = ({ children, requiredPermission }) => {
    return (
      <div style={{ 
        display: 'flex', 
+        flexDirection: 'column',
        justifyContent: 'center', 
        alignItems: 'center', 
-        height: '100vh' 
+        height: '100vh',
+        gap: '16px'
      }}>
-        <Spin size="large" tip="加载中..." />
+        <Spin size="large" />
+        <span style={{ color: '#8c8c8c', fontSize: '14px' }}>加载中...</span>
      </div>
    );
  }