From f42829169895ec73a2d64bd4c0461af955075a5d Mon Sep 17 00:00:00 2001
From: yuetsh <517252939@qq.com>
Date: Wed, 24 Sep 2025 21:00:55 +0800
Subject: [PATCH] update UI

---
 src/oj/ai/analysis.vue           |  5 ++---
 src/oj/problem/detail.vue        | 12 ++++++------
 src/shared/components/Header.vue |  4 ++--
 3 files changed, 10 insertions(+), 11 deletions(-)

diff --git a/src/oj/ai/analysis.vue b/src/oj/ai/analysis.vue
index dbd13d5..022747b 100644
--- a/src/oj/ai/analysis.vue
+++ b/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"
diff --git a/src/oj/problem/detail.vue b/src/oj/problem/detail.vue
index f12b2f4..ca825a3 100644
--- a/src/oj/problem/detail.vue
+++ b/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>
diff --git a/src/shared/components/Header.vue b/src/shared/components/Header.vue
index c6e89c3..7fe4390 100644
--- a/src/shared/components/Header.vue
+++ b/src/shared/components/Header.vue
@@ -123,7 +123,7 @@ const options: Array<DropdownOption | DropdownDividerOption> = [
   {
     label: "我的设置",
     key: "setting",
-    icon: renderIcon("streamline-emojis:ferris-wheel"),
+    icon: renderIcon("streamline-emojis:musical-score"),
     props: {
       onClick: () => router.push("/setting"),
     },
@@ -131,7 +131,7 @@ const options: Array<DropdownOption | DropdownDividerOption> = [
   {
     label: "智能分析",
     key: "ai-analysis",
-    icon: renderIcon("streamline-emojis:floppy-disk"),
+    icon: renderIcon("meteor-icons:openai"),
     props: {
       onClick: () => router.push("/ai-analysis"),
     },