fix app mode margin

This commit is contained in:
jxxghp
2024-06-13 20:39:27 +08:00
parent d2164d9ada
commit 07186d2ae1
3 changed files with 11 additions and 7 deletions

View File

@@ -377,8 +377,8 @@ onMounted(() => {
:items="[...dirs, ...files]"
:style="
appMode
? 'height: calc(100vh - 15rem - env(safe-area-inset-bottom) - 3.5rem)'
: 'height: calc(100vh - 14rem - env(safe-area-inset-bottom)'
? 'height: calc(100vh - 15.5rem - env(safe-area-inset-bottom) - 3.5rem)'
: 'height: calc(100vh - 14.5rem - env(safe-area-inset-bottom)'
"
>
<template #default="{ item }">

View File

@@ -136,8 +136,8 @@ onMounted(() => {
:items="dataList"
:style="
appMode
? 'height: calc(100vh - 7rem - env(safe-area-inset-bottom) - 3.5rem)'
: 'height: calc(100vh - 6rem - env(safe-area-inset-bottom)'
? 'height: calc(100vh - 7.5rem - env(safe-area-inset-bottom) - 3.5rem)'
: 'height: calc(100vh - 6.5rem - env(safe-area-inset-bottom)'
"
>
<template #default="{ item }">
@@ -147,7 +147,11 @@ onMounted(() => {
</VList>
</VCol>
<VCol xl="2" md="3" class="d-none d-md-block">
<VList lines="one" class="rounded shadow-lg" style="height: calc(100vh - 6rem - env(safe-area-inset-bottom)">
<VList
lines="one"
class="rounded shadow-lg"
style="block-size: calc(100vh - 6.5rem - env(safe-area-inset-bottom))"
>
<VListSubheader> 排序 </VListSubheader>
<VListItem>
<VChipGroup column v-model="sortField">

View File

@@ -396,8 +396,8 @@ onMounted(fetchData)
hover
:style="
appMode
? 'height: calc(100vh - 15rem - env(safe-area-inset-bottom) - 3.5rem)'
: 'height: calc(100vh - 14rem - env(safe-area-inset-bottom)'
? 'height: calc(100vh - 15.5rem - env(safe-area-inset-bottom) - 3.5rem)'
: 'height: calc(100vh - 14.5rem - env(safe-area-inset-bottom)'
"
>
<template #item.title="{ item }">