style(HomePage): 调整签到按钮的样式和间距

优化签到按钮的布局，减少间距并调整按钮宽度，以提升页面美观性和一致性

@@ -66,12 +66,12 @@
             <p class="text-green-600 text-sm">+5 积分已添加到您的账户</p>
             <p class="text-green-600 text-sm">+5 积分已添加到您的账户</p>
           </div>
           </div>
           <template v-else>
           <template v-else>
-            <div class="flex space-x-3 overflow-x-auto py-2">
+            <div class="flex space-x-2 py-2">
               <button
               <button
                 v-for="checkInType in checkInTypes"
                 v-for="checkInType in checkInTypes"
                 :key="checkInType.id"
                 :key="checkInType.id"
                 :class="[
                 :class="[
-                  'flex-shrink-0 flex flex-col items-center p-3 rounded-lg transition-colors',
+                  'flex-1 flex flex-col items-center p-2 rounded-lg transition-colors',
                   selectedCheckIn?.id === checkInType.id
                   selectedCheckIn?.id === checkInType.id
                     ? 'bg-green-100 border border-green-200'
                     ? 'bg-green-100 border border-green-200'
                     : 'bg-white/70 border border-gray-100 hover:bg-white'
                     : 'bg-white/70 border border-gray-100 hover:bg-white'