fix UI

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>

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;