style(views): 调整作业标题的布局样式

将作业标题的横向布局改为纵向布局，优化标签和标题的宽度及间距

 <!--
   * @Date: 2025-05-29 15:34:17
  * @LastEditors: hookehuyr hookehuyr@gmail.com
- * @LastEditTime: 2025-12-18 21:00:53
+ * @LastEditTime: 2025-12-18 21:14:29
  * @FilePath: /mlaj/src/views/teacher/checkinPage.vue
   * @Description: 文件描述
 -->
@@ -109,13 +109,13 @@
             @audio-play="handleAudioPlay"
           >
             <template #content-top>
-              <div class="flex items-center mb-4 w-full">
+              <div class="flex flex-col mb-4 w-full">
                 <!-- 大作业名称作为标签显示 -->
-                <div v-if="post.task_title" class="bg-green-50 text-green-600 px-2 py-0.5 rounded text-xs border border-green-100 mr-2 max-w-[40%] truncate flex-shrink-0">
+                <div v-if="post.task_title" class="w-fit max-w-[80%] bg-green-50 text-green-600 px-2 py-0.5 rounded text-xs border border-green-100 mb-2 truncate">
                     {{ post.task_title }}
                 </div>
                 <!-- 小作业名称 -->
-                <div class="flex-1 font-bold text-gray-700 text-sm truncate">
+                <div class="font-bold text-gray-700 text-sm truncate w-full ml-2">
                     {{ post.subtask_title || '' }}
                 </div>
               </div>

@@ -2,7 +2,7 @@
  * @Author: hookehuyr hookehuyr@gmail.com
  * @Date: 2025-06-19 17:12:19
  * @LastEditors: hookehuyr hookehuyr@gmail.com
- * @LastEditTime: 2025-12-18 20:56:09
+ * @LastEditTime: 2025-12-18 21:14:40
  * @FilePath: /mlaj/src/views/teacher/studentPage.vue
  * @Description: 学生详情页面
 -->
@@ -209,13 +209,13 @@
           @audio-play="handleAudioPlay"
         >
           <template #content-top>
-            <div class="flex items-center mb-4 w-full">
+            <div class="flex flex-col mb-4 w-full">
               <!-- 大作业名称作为标签显示 -->
-              <div v-if="post.task_title" class="bg-green-50 text-green-600 px-2 py-0.5 rounded text-xs border border-green-100 mr-2 max-w-[40%] truncate flex-shrink-0">
+              <div v-if="post.task_title" class="w-fit max-w-[80%] bg-green-50 text-green-600 px-2 py-0.5 rounded text-xs border border-green-100 mb-2 truncate">
                   {{ post.task_title }}
               </div>
               <!-- 小作业名称 -->
-              <div class="flex-1 font-bold text-gray-700 text-sm truncate">
+              <div class="font-bold text-gray-700 text-sm truncate w-full ml-2">
                   {{ post.subtask_title || '' }}
               </div>
             </div>