Преглед на файлове

fix(rencai-dashboard): 修复打卡模块日期时间布局

- 打卡状态模块容器添加text-center实现整体居中
- 大号时间显示改为mb-2,移除多余的text-center
- 当前日期显示改为text-gray-600,与原型一致
- 上班/下班卡片改回使用text-center和mx-auto

🤖 Generated with [Claude Code](https://claude.com/claude-code)
via [Happy](https://happy.engineering)

Co-Authored-By: Claude <noreply@anthropic.com>
Co-Authored-By: Happy <yesreply@happy.engineering>
yourname преди 3 седмици
родител
ревизия
3150d5626e
променени са 1 файла, в които са добавени 7 реда и са изтрити 7 реда
  1. 7 7
      mini-ui-packages/rencai-dashboard-ui/src/pages/Dashboard/Dashboard.tsx

+ 7 - 7
mini-ui-packages/rencai-dashboard-ui/src/pages/Dashboard/Dashboard.tsx

@@ -218,7 +218,7 @@ const Dashboard: React.FC = () => {
           </View>
 
           {/* 打卡状态模块 */}
-          <View className="bg-white rounded-2xl p-5 mb-4 shadow-sm">
+          <View className="bg-white rounded-2xl p-5 mb-4 shadow-sm text-center">
             {/* 模块标题 */}
             <Text className="text-lg font-semibold text-gray-800 block mb-4">今日打卡</Text>
 
@@ -229,20 +229,20 @@ const Dashboard: React.FC = () => {
             </View>
 
             {/* 大号时间显示 */}
-            <Text className="text-2xl font-bold text-center text-gray-800 mb-1">
+            <Text className="text-2xl font-bold text-gray-800 mb-2">
               {clockInData.displayTime || '09:27'}
             </Text>
 
             {/* 当前日期显示 */}
-            <Text className="text-sm text-center text-gray-500 mb-4">
+            <Text className="text-sm text-gray-600 mb-4">
               {clockInData.date || '2023年11月25日 星期六'}
             </Text>
 
             {/* 上班/下班卡片 */}
             <View className="flex justify-between mb-4">
               {/* 上班打卡 */}
-              <View className="flex-1 flex flex-col items-center">
-                <View className="w-12 h-12 rounded-full bg-blue-100 flex items-center justify-center mb-2">
+              <View className="flex-1 text-center">
+                <View className="w-12 h-12 rounded-full bg-blue-100 flex items-center justify-center mx-auto mb-2">
                   <View className="i-heroicons-arrow-right-on-rectangle-20-solid text-blue-500 text-xl" />
                 </View>
                 <Text className="text-xs text-gray-600">上班打卡</Text>
@@ -250,8 +250,8 @@ const Dashboard: React.FC = () => {
               </View>
 
               {/* 下班打卡 */}
-              <View className="flex-1 flex flex-col items-center">
-                <View className="w-12 h-12 rounded-full bg-gray-100 flex items-center justify-center mb-2">
+              <View className="flex-1 text-center">
+                <View className="w-12 h-12 rounded-full bg-gray-100 flex items-center justify-center mx-auto mb-2">
                   <View className="i-heroicons-arrow-left-on-rectangle-20-solid text-gray-400 text-xl" />
                 </View>
                 <Text className="text-xs text-gray-600">下班打卡</Text>