update UI

src/oj/ai/analysis.vue

@@ -1,5 +1,5 @@
 <template>
-  <n-grid :cols="5" :x-gap="20">
+  <n-grid :cols="isDesktop ? 5: 1" :x-gap="20">
     <n-gi :span="2">
       <n-flex vertical size="large">
         <n-flex align="center">
@@ -30,9 +30,8 @@
   </n-grid>
 </template>
 <script setup lang="ts">
-import { ref, computed, watch } from "vue"
+import { isDesktop } from "~/shared/composables/breakpoints"
 import { formatISO, sub, type Duration } from "date-fns"
-import { NButton } from "naive-ui"
 import WeeklyChart from "./components/WeeklyChart.vue"
 import Details from "./components/Details.vue"
 import AI from "./components/AI.vue"

src/oj/problem/detail.vue

@@ -73,12 +73,12 @@ watch(isMobile, (value) => {
           <n-tab-pane name="content" tab="题目描述">
             <ProblemContent />
           </n-tab-pane>
-          <n-tab-pane v-if="!props.contestID" name="comment" tab="题目点评">
-            <ProblemComment />
-          </n-tab-pane>
           <n-tab-pane name="info" tab="题目统计">
             <ProblemInfo />
           </n-tab-pane>
+          <n-tab-pane v-if="!props.contestID" name="comment" tab="题目点评">
+            <ProblemComment />
+          </n-tab-pane>
           <n-tab-pane name="submission" tab="我的提交">
             <ProblemSubmission />
           </n-tab-pane>
@@ -91,12 +91,12 @@ watch(isMobile, (value) => {
         <n-tab-pane name="editor" tab="代码编辑">
           <Editor />
         </n-tab-pane>
-        <n-tab-pane v-if="!props.contestID" name="comment" tab="题目点评">
-          <ProblemComment />
-        </n-tab-pane>
         <n-tab-pane name="info" tab="题目统计">
           <ProblemInfo />
         </n-tab-pane>
+        <n-tab-pane v-if="!props.contestID" name="comment" tab="题目点评">
+          <ProblemComment />
+        </n-tab-pane>
         <n-tab-pane name="submission" tab="我的提交">
           <ProblemSubmission />
         </n-tab-pane>