fix ui.

src/App.vue

@@ -5,6 +5,7 @@ import { isDark } from "./shared/composables/dark"
 import hljs from "highlight.js/lib/core"
 import c from "highlight.js/lib/languages/c"
 import python from "highlight.js/lib/languages/python"
+import "./index.css"
 
 const theme = computed(() => (isDark.value ? darkTheme : null))
 

src/index.css

@@ -0,0 +1,3 @@
+body {
+  height: 100vh;
+}

src/oj/contest/list.vue

@@ -136,7 +136,7 @@ function rowProps(row: Contest) {
         <n-form-item>
           <n-space>
             <n-button @click="search(query.keyword)">搜索</n-button>
-            <n-button @click="clear">重置</n-button>
+            <n-button @click="clear" quaternary>重置</n-button>
           </n-space>
         </n-form-item>
       </n-form>

src/oj/problem/components/ProblemContent.vue

@@ -166,7 +166,7 @@ function type(status: ProblemStatus) {
 }
 
 .problemContent .title {
-  font-size: 16px;
+  font-size: 20px;
   margin: 12px 0;
 }
 

src/oj/problem/list.vue

@@ -184,10 +184,10 @@ function rowProps(row: ProblemFiltered) {
       </n-form>
       <n-form :show-feedback="false" inline label-placement="left">
         <n-form-item>
-          <n-space>
+          <n-space align="center">
             <n-button @click="search(query.keyword)">搜索</n-button>
-            <n-button @click="clear">重置</n-button>
-            <n-button @click="getRandom">随机一题</n-button>
+            <n-button @click="clear" quaternary>重置</n-button>
+            <n-button @click="getRandom" quaternary>试试手气</n-button>
           </n-space>
         </n-form-item>
       </n-form>

src/oj/submission/list.vue

@@ -255,7 +255,7 @@ const columns = computed(() => {
           <n-button @click="search(query.username)">搜索</n-button>
         </n-form-item>
         <n-form-item>
-          <n-button @click="clear">重置</n-button>
+          <n-button @click="clear" quaternary>重置</n-button>
         </n-form-item>
       </n-form>
     </n-space>