From 045c0b4c0cc7d3c299a43ff9cbda8e0749315898 Mon Sep 17 00:00:00 2001
From: jxxghp <jxxghp@gmail.com>
Date: Fri, 28 Jun 2024 10:47:50 +0800
Subject: [PATCH] fix ui

---
 src/components/filebrowser/FileList.vue      |  2 +-
 src/views/discover/TorrentRowListView.vue    | 23 +++++++++-----------
 src/views/reorganize/TransferHistoryView.vue | 12 +++++-----
 3 files changed, 18 insertions(+), 19 deletions(-)

diff --git a/src/components/filebrowser/FileList.vue b/src/components/filebrowser/FileList.vue
index bfdcc423..b686ca18 100644
--- a/src/components/filebrowser/FileList.vue
+++ b/src/components/filebrowser/FileList.vue
@@ -116,7 +116,7 @@ const transferItems = ref<FileItem[]>([])
 
 // 大小控制
 const scrollStyle = computed(() => {
-  return appMode
+  return appMode.value
     ? 'height: calc(100vh - 15.5rem - env(safe-area-inset-bottom) - 3.5rem)'
     : 'height: calc(100vh - 14.5rem - env(safe-area-inset-bottom)'
 })
diff --git a/src/views/discover/TorrentRowListView.vue b/src/views/discover/TorrentRowListView.vue
index 60b2cb75..08b4f16b 100644
--- a/src/views/discover/TorrentRowListView.vue
+++ b/src/views/discover/TorrentRowListView.vue
@@ -1,6 +1,7 @@
 <script lang="ts" setup>
 import type { Context } from '@/api/types'
 import TorrentItem from '@/components/cards/TorrentItem.vue'
+import { list } from 'postcss'
 import { useDisplay } from 'vuetify'
 
 // 显示器宽度
@@ -35,6 +36,13 @@ const filterForm = reactive({
   resolution: [] as string[],
 })
 
+// 列表样式
+const listStyle = computed(() => {
+  return appMode.value
+    ? 'height: calc(100vh - 7.5rem - env(safe-area-inset-bottom) - 3.5rem)'
+    : 'height: calc(100vh - 6.5rem - env(safe-area-inset-bottom)'
+})
+
 // 排序字段
 const sortField = ref('default')
 
@@ -167,14 +175,7 @@ onMounted(() => {
         </VListItem>
       </VList>
       <VList v-if="dataList.length !== 0" lines="three" class="rounded p-0 torrent-list-vscroll shadow-lg">
-        <VVirtualScroll
-          :items="dataList"
-          :style="
-            appMode
-              ? 'height: calc(100vh - 7.5rem - env(safe-area-inset-bottom) - 3.5rem)'
-              : 'height: calc(100vh - 6.5rem - env(safe-area-inset-bottom)'
-          "
-        >
+        <VVirtualScroll :items="dataList" :style="listStyle">
           <template #default="{ item }">
             <TorrentItem :torrent="item" :key="`${item.torrent_info.page_url}`" />
           </template>
@@ -182,11 +183,7 @@ onMounted(() => {
       </VList>
     </VCol>
     <VCol xl="2" md="3" v-if="display.mdAndUp.value">
-      <VList
-        lines="one"
-        class="rounded shadow-lg"
-        style="block-size: calc(100vh - 6.5rem - env(safe-area-inset-bottom))"
-      >
+      <VList lines="one" class="rounded shadow-lg" :style="listStyle">
         <VListSubheader> 排序 </VListSubheader>
         <VListItem>
           <VChipGroup column v-model="sortField">
diff --git a/src/views/reorganize/TransferHistoryView.vue b/src/views/reorganize/TransferHistoryView.vue
index ddbf4cc2..ebc20991 100644
--- a/src/views/reorganize/TransferHistoryView.vue
+++ b/src/views/reorganize/TransferHistoryView.vue
@@ -124,6 +124,12 @@ const TransferDict: { [key: string]: string } = {
   rclone_move: 'Rclone移动',
 }
 
+const tableStyle = computed(() => {
+  return appMode.value
+    ? 'height: calc(100vh - 15.5rem - env(safe-area-inset-bottom) - 3.5rem)'
+    : 'height: calc(100vh - 14.5rem - env(safe-area-inset-bottom)'
+})
+
 // 分页提示
 const pageTip = computed(() => {
   const begin = itemsPerPage.value * (currentPage.value - 1) + 1
@@ -394,11 +400,7 @@ onMounted(fetchData)
       show-select
       loading-text="加载中..."
       hover
-      :style="
-        appMode
-          ? 'height: calc(100vh - 15.5rem - env(safe-area-inset-bottom) - 3.5rem)'
-          : 'height: calc(100vh - 14.5rem - env(safe-area-inset-bottom)'
-      "
+      :style="tableStyle"
     >
       <template #item.title="{ item }">
         <div class="d-flex align-center">