style(HomePage): 调整签到类型按钮布局和滚动样式

 <!--
  * @Date: 2025-03-20 19:55:21
  * @LastEditors: hookehuyr hookehuyr@gmail.com
- * @LastEditTime: 2025-06-09 15:26:40
+ * @LastEditTime: 2025-06-09 16:10:07
  * @FilePath: /mlaj/src/views/HomePage.vue
  * @Description: 美乐爱觉教育首页组件
  *
@@ -89,7 +89,7 @@
               <!-- <p class="text-green-600 text-sm">+5 积分已添加到您的账户</p> -->
             </div>
             <template v-else>
-              <div class="grid grid-cols-4 gap-2 py-2">
+              <div class="grid grid-cols-2 gap-2 py-2" style="max-height: 13rem; overflow: auto;">
                 <button
                   v-for="checkInType in checkInTypes"
                   :key="checkInType.id"