From a3e295d59c86437658fd3b74c48f371eeb0165cd Mon Sep 17 00:00:00 2001
From: Lan <hhxk666@gmail.com>
Date: Wed, 3 Jun 2026 18:09:39 +0800
Subject: [PATCH] fix: align send file and text panel heights

---
 src/views/SendFileView.vue | 16 +++++++++++++++-
 1 file changed, 15 insertions(+), 1 deletion(-)

diff --git a/src/views/SendFileView.vue b/src/views/SendFileView.vue
index a65be2c..7334f15 100644
--- a/src/views/SendFileView.vue
+++ b/src/views/SendFileView.vue
@@ -22,6 +22,7 @@
           <transition name="fade" mode="out-in">
             <div v-if="sendType === 'file'" key="file" class="grid grid-cols-1 gap-8">
               <FileUploadArea
+                class="payload-panel"
                 :selected-file="selectedFile"
                 :selected-files="selectedFiles"
                 :progress="uploadProgress"
@@ -32,7 +33,11 @@
               />
             </div>
             <div v-else key="text" class="grid grid-cols-1 gap-8">
-              <TextInputArea v-model="textContent" :placeholder="t('send.uploadArea.textInput')" />
+              <TextInputArea
+                v-model="textContent"
+                class="payload-panel"
+                :placeholder="t('send.uploadArea.textInput')"
+              />
             </div>
           </transition>
           <ExpirationSelector
@@ -202,6 +207,15 @@ const toRetrieve = () => {
   transform: translateY(0);
 }
 
+:deep(.payload-panel) {
+  height: 12rem;
+  min-height: 12rem;
+}
+
+:deep(.payload-panel textarea) {
+  height: 100%;
+}
+
 select option {
   padding: 8px;
   margin: 4px;