From a8e17f3c834a7715d54b5296cfa5ee958284d470 Mon Sep 17 00:00:00 2001
From: Dream Hunter <dreamhunter2333@gmail.com>
Date: Mon, 1 Apr 2024 22:40:42 +0800
Subject: [PATCH] feat: modify default class (#93)

---
 frontend/src/views/Content.vue | 8 ++++++--
 1 file changed, 6 insertions(+), 2 deletions(-)

diff --git a/frontend/src/views/Content.vue b/frontend/src/views/Content.vue
index 7f0cfb34..060a2f27 100644
--- a/frontend/src/views/Content.vue
+++ b/frontend/src/views/Content.vue
@@ -148,7 +148,7 @@ onMounted(async () => {
               {{ t('refresh') }}
             </n-button>
           </div>
-          <div style="overflow: scroll; max-height: 80vh;">
+          <div style="overflow: scroll; height: 80vh;">
             <n-list hoverable clickable>
               <n-list-item v-for="row in data" v-bind:key="row.id" @click="() => clickRow(row)"
                 :class="mailItemClass(row)">
@@ -188,7 +188,7 @@ onMounted(async () => {
             </n-space>
             <div v-html="curMail.message" style="max-height: 100vh;"></div>
           </n-card>
-          <n-card v-else>
+          <n-card class="mail-item" v-else>
             <n-result status="info" :title="t('pleaseSelectMail')">
             </n-result>
           </n-card>
@@ -301,4 +301,8 @@ onMounted(async () => {
 .overlay-light-backgroud {
   background-color: rgba(0, 0, 0, 0.1);
 }
+
+.mail-item {
+  height: 100%;
+}
 </style>