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

@@ -9,7 +9,7 @@ const appMode = computed(() => {
<template>
<div v-if="appMode" class="w-100" style="block-size: 3.5rem">
<VBottomNavigation grow horizontal color="primary">
<VBottomNavigation grow horizontal color="primary" class="footer-nav border-t">
<VBtn to="/dashboard">
<VIcon size="28">mdi-home-outline</VIcon>
<span>首页</span>
@@ -33,3 +33,10 @@ const appMode = computed(() => {
</VBottomNavigation>
</div>
</template>
<
<style lang="scss" scoped>
.footer-nav {
padding-block-end: env(safe-area-inset-bottom);
}
</style>
}

View File

@@ -116,7 +116,7 @@ watch(isCompactMode, value => {
</VListItem>
<!-- 👉 FAQ -->
<VListItem href="https://github.com/jxxghp/MoviePilot/blob/main/README.md" target="_blank">
<VListItem href="https://wiki.movie-pilot.org" target="_blank">
<template #prepend>
<VIcon class="me-2" icon="mdi-help-circle-outline" size="22" />
</template>