GithubBackup/MoviePilot-Frontend
1
0
Fork 0
mirror of https://github.com/jxxghp/MoviePilot-Frontend.git synced 2026-08-28 19:47:49 +08:00
Code Issues Packages Projects Releases Wiki Activity

fix: add breathing room below header tabs

Browse Source
This commit is contained in:
jxxghp
2026-06-16 14:35:36 +08:00
parent 4a6f7390e6
commit bf22a4809d
1 changed files with 6 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/layouts/components/DefaultLayout.vue
+6 -2
View File
@@ -82,14 +82,14 @@ const horizontalNavGroups = computed(() =>
) )
const navbarExtraHeight = computed(() => { const navbarExtraHeight = computed(() => {
const dynamicTabHeight = showDynamicHeaderTab.value ? 2.5 : 0 const dynamicTabHeight = showDynamicHeaderTab.value ? 2.75 : 0
const horizontalNavHeight = showHorizontalThemeNav.value ? 3.25 : 0 const horizontalNavHeight = showHorizontalThemeNav.value ? 3.25 : 0
return `${dynamicTabHeight + horizontalNavHeight}rem` return `${dynamicTabHeight + horizontalNavHeight}rem`
}) })
const mainContentPaddingTop = computed(() => { const mainContentPaddingTop = computed(() => {
const dynamicTabPadding = showDynamicHeaderTab.value ? 3 : 0 const dynamicTabPadding = showDynamicHeaderTab.value ? 3.25 : 0
const horizontalNavPadding = showHorizontalThemeNav.value ? 3.5 : 0 const horizontalNavPadding = showHorizontalThemeNav.value ? 3.5 : 0
return `${dynamicTabPadding + horizontalNavPadding}rem` return `${dynamicTabPadding + horizontalNavPadding}rem`
@@ -708,6 +708,10 @@ onMounted(async () => {
margin-inline: 0 !important; margin-inline: 0 !important;
} }
:deep(.layout-dynamic-header-tab) {
padding-block-end: 0.25rem;
}
.theme-horizontal-logo { .theme-horizontal-logo {
display: inline-flex; display: inline-flex;
flex: 0 0 auto; flex: 0 0 auto;