From 4ad4ab52df39a5f54a6c75994d261038d6ac6c79 Mon Sep 17 00:00:00 2001
From: yuetsh <517252939@qq.com>
Date: Sun, 3 May 2026 10:20:34 -0600
Subject: [PATCH] fix UI

---
 src/oj/problem/list.vue            | 5 +++--
 src/shared/components/Hitokoto.vue | 2 --
 2 files changed, 3 insertions(+), 4 deletions(-)

diff --git a/src/oj/problem/list.vue b/src/oj/problem/list.vue
index 2845427..db1cb40 100644
--- a/src/oj/problem/list.vue
+++ b/src/oj/problem/list.vue
@@ -306,7 +306,7 @@ function rowProps(row: ProblemFiltered) {
 <style scoped>
 .problem-list-toolbar {
   display: grid;
-  grid-template-columns: minmax(0, 1fr) auto;
+  grid-template-columns: minmax(0, auto) minmax(320px, 1fr);
   align-items: start;
   gap: 12px 16px;
 }
@@ -317,7 +317,8 @@ function rowProps(row: ProblemFiltered) {
 
 .problem-list-hitokoto {
   justify-self: end;
-  width: min(400px, 30vw);
+  width: 100%;
+  max-width: 720px;
   min-width: 0;
 }
 </style>
diff --git a/src/shared/components/Hitokoto.vue b/src/shared/components/Hitokoto.vue
index eaaf7ea..acf268d 100644
--- a/src/shared/components/Hitokoto.vue
+++ b/src/shared/components/Hitokoto.vue
@@ -44,7 +44,6 @@ onMounted(receive)
 
 .hitokoto .sentence {
   width: 100%;
-  max-width: 400px;
   text-overflow: ellipsis;
   overflow: hidden;
   word-break: break-all;
@@ -54,7 +53,6 @@ onMounted(receive)
 
 .hitokoto .from {
   width: 100%;
-  max-width: 400px;
   text-align: right;
   text-overflow: ellipsis;
   overflow: hidden;