mirror of
https://github.com/jxxghp/MoviePilot-Frontend.git
synced 2026-08-09 23:53:31 +08:00
fix app mode ui
This commit is contained in:
@@ -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>
|
||||
|
||||
@@ -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>
|
||||
|
||||
@@ -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>
|
||||
|
||||
Reference in New Issue
Block a user