From 0366699feceea2557c943bc658331448b4816688 Mon Sep 17 00:00:00 2001
From: Dream Hunter <dreamhunter2333@gmail.com>
Date: Mon, 29 Apr 2024 23:40:58 +0800
Subject: [PATCH] fix: UI mailbox 100vh to 80vh (#179)

---
 frontend/src/components/MailBox.vue | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/frontend/src/components/MailBox.vue b/frontend/src/components/MailBox.vue
index c1bfc267..c031419d 100644
--- a/frontend/src/components/MailBox.vue
+++ b/frontend/src/components/MailBox.vue
@@ -255,7 +255,7 @@ onBeforeUnmount(() => {
           {{ t('refresh') }}
         </n-button>
       </div>
-      <div id="drawer-target" style="overflow: auto; height: 80vh;">
+      <div style="overflow: auto; height: 80vh;">
         <n-list hoverable clickable>
           <n-list-item v-for="row in data" v-bind:key="row.id" @click="() => clickRow(row)">
             <n-thing :title="row.subject">
@@ -277,7 +277,8 @@ onBeforeUnmount(() => {
           </n-list-item>
         </n-list>
       </div>
-      <n-drawer v-model:show="curMail" width="100%" :trap-focus="false" :block-scroll="false" to="#drawer-target">
+      <n-drawer v-model:show="curMail" width="100%" placement="bottom" :trap-focus="false" :block-scroll="false"
+        style="height: 80vh;">
         <n-drawer-content :title="curMail ? curMail.subject : ''" closable>
           <n-card style="overflow: auto;">
             <n-space>