update

src/oj/contest/list.vue

@@ -130,6 +130,7 @@ function rowProps(row: Contest) {
 </script>
 <template>
   <n-flex vertical size="large">
+    <n-card embedded>
       <n-space>
         <n-form :show-feedback="false" label-placement="left" inline>
           <n-form-item label="比赛状态">
@@ -140,7 +141,11 @@ function rowProps(row: Contest) {
             />
           </n-form-item>
           <n-form-item label="标签">
-          <n-select class="select" :options="tags" v-model:value="query.tag" />
+            <n-select
+              style="width: 120px"
+              :options="tags"
+              v-model:value="query.tag"
+            />
           </n-form-item>
         </n-form>
         <n-form :show-feedback="false" label-placement="left" inline>
@@ -160,6 +165,7 @@ function rowProps(row: Contest) {
           </n-form-item>
         </n-form>
       </n-space>
+    </n-card>
     <n-data-table
       :bordered="false"
       :columns="columns"

src/oj/problem/list.vue

@@ -195,9 +195,9 @@ function rowProps(row: ProblemFiltered) {
 
 <template>
   <n-flex vertical size="large">
+    <n-card embedded>
       <n-flex justify="space-between">
-      <n-flex>
-        <div>
+        <n-space>
           <n-form :show-feedback="false" inline label-placement="left">
             <n-form-item label="难度">
               <n-select
@@ -210,8 +210,6 @@ function rowProps(row: ProblemFiltered) {
               <AuthorSelect v-model:value="query.author" />
             </n-form-item>
           </n-form>
-        </div>
-        <div>
           <n-form :show-feedback="false" inline label-placement="left">
             <n-form-item>
               <n-input
@@ -241,10 +239,10 @@ function rowProps(row: ProblemFiltered) {
               </n-button>
             </n-form-item>
           </n-form>
-        </div>
-      </n-flex>
+        </n-space>
         <Hitokoto v-if="isDesktop" />
       </n-flex>
+    </n-card>
     <n-collapse-transition :show="showTag">
       <n-flex>
         <n-tag

src/oj/submission/list.vue

@@ -240,6 +240,7 @@ const columns = computed(() => {
 </script>
 <template>
   <n-flex vertical size="large">
+    <n-card embedded>
       <n-space>
         <n-form :show-feedback="false" inline label-placement="left">
           <n-form-item v-if="isDesktop && userStore.isAuthed" label="只看自己">
@@ -316,6 +317,7 @@ const columns = computed(() => {
           </n-form-item>
         </n-form>
       </n-space>
+    </n-card>
     <n-data-table :bordered="false" :columns="columns" :data="submissions" />
   </n-flex>
   <Pagination

src/shared/components/Hitokoto.vue

@@ -32,7 +32,7 @@ onMounted(receive)
 }
 
 .hitokoto .sentence {
-  max-width: 500px;
+  max-width: 400px;
   text-overflow: ellipsis;
   overflow: hidden;
   word-break: break-all;