Hooke / mlaj

Go to a project
Toggle navigation Toggle navigation pinning
hookehuyr
bdfea03e 1 parent 925b1d71

style(profile): 调整打卡统计卡片布局和样式

Inline Side-by-side
Showing 1 changed file with 7 additions and 7 deletions
......@@ -36,21 +36,21 @@
<!-- <span class="text-xs text-blue-500">查看更多</span> -->
</div>
<div class="flex justify-between">
<div class="flex flex-col items-center">
<div class="text-2xl font-bold text-gray-800">
<div class="flex justify-around">
<div class="flex flex-col items-center min-w-[4rem]">
<div class="font-bold text-gray-800 px-2 leading-normal text-center w-full" style="font-size: 1.5rem;">
{{ checkIns?.total_days || 0 }}
</div>
<div class="text-xs text-gray-500 mt-1">累计打卡</div>
</div>
<div class="flex flex-col items-center">
<div class="text-2xl font-bold text-green-600">
<div class="flex flex-col items-center min-w-[4rem]">
<div class="font-bold text-green-600 px-2 leading-normal text-center w-full" style="font-size: 1.5rem;">
{{ checkIns?.consecutive_days || 0 }}
</div>
<div class="text-xs text-gray-500 mt-1">连续打卡</div>
</div>
<div class="flex flex-col items-center">
<div class="text-2xl font-bold text-blue-600">
<div class="flex flex-col items-center min-w-[4rem]">
<div class="font-bold text-blue-600 px-2 leading-normal text-center w-full" style="font-size: 1.5rem;">
{{ checkIns?.longest_consecutive_days || 0 }}
</div>
<div class="text-xs text-gray-500 mt-1">最长连续</div>
......