From 0f75fd1bd0268d0f8f28f6a30558b4c7ea6905ca Mon Sep 17 00:00:00 2001
From: yuetsh <517252939@qq.com>
Date: Mon, 19 Oct 2026 21:41:47 +0800
Subject: [PATCH] =?UTF-8?q?fix(=E6=8F=90=E4=BA=A4=E5=88=97=E8=A1=A8):=20?=
 =?UTF-8?q?=E6=B5=81=E7=A8=8B=E5=9B=BE=E5=8F=B3=E6=A0=8F=E7=AA=84=E6=97=B6?=
 =?UTF-8?q?=E9=A2=98=E7=9B=AE=E5=90=8D=E8=A2=AB=E3=80=8C=E6=9F=A5=E7=9C=8B?=
 =?UTF-8?q?=E5=A4=A7=E5=9B=BE=E3=80=8D=E3=80=8C=E9=87=8D=E6=96=B0=E8=AF=84?=
 =?UTF-8?q?=E5=88=86=E3=80=8D=E6=8C=A4=E6=88=90=E4=B8=80=E4=B8=AA=E5=AD=97?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

右栏不到 760 宽时这两个按钮只留图标，字放进悬停提示。

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
---
 .../submission/components/FlowchartPane.vue   | 26 ++++++++++++++++++-
 1 file changed, 25 insertions(+), 1 deletion(-)

diff --git a/apps/web/src/oj/submission/components/FlowchartPane.vue b/apps/web/src/oj/submission/components/FlowchartPane.vue
index 9b6fdbc..67b4830 100644
--- a/apps/web/src/oj/submission/components/FlowchartPane.vue
+++ b/apps/web/src/oj/submission/components/FlowchartPane.vue
@@ -192,15 +192,25 @@ const canRetry = computed(
         </button>
       </span>
       <div class="spacer"></div>
+      <!-- 右栏窄时这两个只剩图标（字在 title 里），把宽度让给题目名 -->
       <n-button
         v-if="shown && !renderError && shown.mermaidCode"
+        class="head-btn"
         size="small"
+        title="查看大图"
         @click="bigOpen = true"
       >
         <template #icon><Icon icon="ph:corners-out" /></template>
         查看大图
       </n-button>
-      <n-button v-if="teacher" size="small" :disabled="!canRetry" @click="emit('retry', row.id)">
+      <n-button
+        v-if="teacher"
+        class="head-btn"
+        size="small"
+        title="重新评分"
+        :disabled="!canRetry"
+        @click="emit('retry', row.id)"
+      >
         <template #icon><Icon icon="ph:arrow-clockwise" /></template>
         重新评分
       </n-button>
@@ -616,6 +626,20 @@ kbd {
 
 /* 桌面右栏窄了（屏窄、浏览器放大、列表没收窄）：顶行一行排不下就固定拆成两行 ——
    名字和按钮一行、题目一行。按宽度定、不按内容定，翻条时高度照样不变 */
+@container pane (max-width: 760px) {
+  .pane:not(.narrow) .head-btn {
+    padding: 0 7px;
+  }
+
+  .pane:not(.narrow) .head-btn :deep(.n-button__content) {
+    display: none;
+  }
+
+  .pane:not(.narrow) .head-btn :deep(.n-button__icon) {
+    margin: 0;
+  }
+}
+
 @container pane (max-width: 600px) {
   .pane:not(.narrow) .head {
     flex-wrap: wrap;