From 3416c879de080e5237d1c03d40cc0153e10271ed Mon Sep 17 00:00:00 2001
From: jxxghp <jxxghp@gmail.com>
Date: Sat, 18 Jul 2026 10:42:08 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E4=BC=98=E5=8C=96=E5=8E=86=E5=8F=B2?=
 =?UTF-8?q?=E8=AE=B0=E5=BD=95=E9=A1=B5=E9=9D=A2=E5=B0=8F=E5=B1=8F=E5=B9=95?=
 =?UTF-8?q?=E6=98=BE=E7=A4=BA=20(#552)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Co-authored-by: traeagent <traeagent@users.noreply.github.com>
---
 src/views/reorganize/TransferHistoryView.vue | 36 ++++++++------------
 1 file changed, 15 insertions(+), 21 deletions(-)

diff --git a/src/views/reorganize/TransferHistoryView.vue b/src/views/reorganize/TransferHistoryView.vue
index 54408fee..88a93798 100644
--- a/src/views/reorganize/TransferHistoryView.vue
+++ b/src/views/reorganize/TransferHistoryView.vue
@@ -1676,7 +1676,7 @@ onUnmounted(() => {
         :items="mobileDataList"
         :columns="1"
         :gap="14"
-        :estimated-item-height="324"
+        :estimated-item-height="296"
         :overscan-rows="5"
         :get-item-key="getMobileHistoryItemKey"
       >
@@ -1721,6 +1721,14 @@ onUnmounted(() => {
                 <div class="transfer-history-mobile-record__subtitle">
                   {{ getHistorySubtitle(item) || item.type || t('common.unknown') }}
                 </div>
+                <div class="transfer-history-mobile-record__meta">
+                  <VChip class="transfer-history-mobile-record__mode" variant="outlined" color="primary" size="small">
+                    {{ TransferDict[item?.mode ?? ''] || t('common.unknown') }}
+                  </VChip>
+                  <span>{{ formatFileSize(item?.src_fileitem?.size || 0) }}</span>
+                  <span class="transfer-history-mobile-record__dot">·</span>
+                  <span v-if="item?.date">{{ getHistoryDateText(item.date) }}</span>
+                </div>
               </div>
 
               <VChip
@@ -1763,15 +1771,6 @@ onUnmounted(() => {
               </IconBtn>
             </header>
 
-            <div class="transfer-history-mobile-record__meta">
-              <VChip class="transfer-history-mobile-record__mode" variant="outlined" color="primary" size="small">
-                {{ TransferDict[item?.mode ?? ''] || t('common.unknown') }}
-              </VChip>
-              <span>{{ formatFileSize(item?.src_fileitem?.size || 0) }}</span>
-              <span class="transfer-history-mobile-record__dot">·</span>
-              <span v-if="item?.date">{{ getHistoryDateText(item.date) }}</span>
-            </div>
-
             <button
               type="button"
               class="transfer-history-mobile-record__paths"
@@ -2063,21 +2062,16 @@ onUnmounted(() => {
 .transfer-history-mobile-record__meta {
   display: flex;
   align-items: center;
-  gap: 0.65rem;
-  overflow-x: auto;
-  padding-block: 0 0.85rem;
-  padding-inline: 1rem;
-  scrollbar-width: none;
-  white-space: nowrap;
-}
-
-.transfer-history-mobile-record__meta::-webkit-scrollbar {
-  display: none;
+  flex-wrap: wrap;
+  gap: 0.4rem;
+  margin-block-start: 0.3rem;
+  overflow: hidden;
 }
 
 .transfer-history-mobile-record__meta > span {
   color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity));
-  font-size: 0.875rem;
+  font-size: 0.8rem;
+  line-height: 1.4;
 }
 
 .transfer-history-mobile-record__mode {