fix app mode ui

This commit is contained in:
jxxghp
2024-06-13 19:11:00 +08:00
parent 1fc964ec16
commit 12dfc5b407
6 changed files with 30 additions and 14 deletions

View File

@@ -1,6 +1,15 @@
<script lang="ts" setup>
import type { Context } from '@/api/types'
import TorrentItem from '@/components/cards/TorrentItem.vue'
import { useDisplay } from 'vuetify'
// 显示器宽度
const display = useDisplay()
// APP
const appMode = computed(() => {
return localStorage.getItem('MP_APPMODE') == '1' && display.mdAndDown.value
})
// 定义输入参数
const props = defineProps({
@@ -115,7 +124,7 @@ onMounted(() => {
</script>
<template>
<VRow>
<VRow :style="appMode ? 'margin-bottom: 56px' : ''">
<VCol>
<VList v-if="dataList.length === 0" lines="three" class="rounded p-0 shadow-lg">
<VListItem>
@@ -263,8 +272,8 @@ onMounted(() => {
}
@media (width <= 768px) {
.orrent-list-vscroll {
block-size: calc(100vh - 10rem);
.torrent-list-vscroll {
block-size: calc(100vh - 8rem - env(safe-area-inset-bottom));
}
}
</style>

View File

@@ -358,7 +358,7 @@ onMounted(fetchData)
</script>
<template>
<VCard>
<VCard :style="appMode ? 'margin-bottom: 56px' : ''">
<VCardItem>
<VCardTitle>
<VRow>
@@ -533,12 +533,12 @@ onMounted(fetchData)
}
.data-table-div {
block-size: calc(100vh - 14rem);
block-size: calc(100vh - 14rem - env(safe-area-inset-bottom));
}
@media (width <= 768px) {
.data-table-div {
block-size: calc(100vh - 17rem);
block-size: calc(100vh - 16rem - env(safe-area-inset-bottom));
}
}
</style>

View File

@@ -170,7 +170,7 @@ onMounted(() => {
rel="noreferrer"
class="text-indigo-500 transition duration-300 hover:underline"
>
https://github.com/jxxghp/MoviePilot/blob/main/README.md
https://wiki.movie-pilot.org
</a>
</span>
</dd>