ソースを参照

fix(rencai-dashboard): 上班/下班卡片使用flex flex-col布局

- 上班/下班卡片改为flex flex-col items-center
- 移除text-center和mx-auto,使用flexbox居中
- 确保图标、标签和时间垂直对齐

🤖 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 週間 前
コミット
4a575d8848

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

@@ -241,8 +241,8 @@ const Dashboard: React.FC = () => {
             {/* 上班/下班卡片 */}
             <View className="flex justify-between mb-4">
               {/* 上班打卡 */}
-              <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="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="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 text-center">
-                <View className="w-12 h-12 rounded-full bg-gray-100 flex items-center justify-center mx-auto mb-2">
+              <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="i-heroicons-arrow-left-on-rectangle-20-solid text-gray-400 text-xl" />
                 </View>
                 <Text className="text-xs text-gray-600">下班打卡</Text>