GithubBackup/MoviePilot-Frontend
1
0
Fork 0
mirror of https://github.com/jxxghp/MoviePilot-Frontend.git synced 2026-05-17 05:37:35 +08:00
Code Issues Packages Projects Releases Wiki Activity

fix: 调整布局组件的宽度和内边距以改善响应式设计

Browse Source
This commit is contained in:
jxxghp
2025-04-09 11:52:49 +08:00
parent fc357a03e5
commit 83e57deec3
3 changed files with 5 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/@layouts/components/TransitionExpand.vue
View File

@@ -116,7 +116,7 @@ export default defineComponent({
.layout-navbar {
position: fixed;
width: calc(100vw - variables.$layout-vertical-nav-width - 0.5rem);
width: calc(100vw - variables.$layout-vertical-nav-width - 1rem);
z-index: variables.$layout-vertical-nav-layout-navbar-z-index;
inset-block-start: 0;

6
src/@layouts/components/VerticalNavLayout.vue
View File

@@ -178,7 +178,7 @@ export default defineComponent({
}
&:not(.layout-overlay-nav) .layout-content-wrapper {
padding-inline-start: calc(variables.$layout-vertical-nav-width + 8px);
padding-inline-start: calc(variables.$layout-vertical-nav-width + 0.5rem);
}
// Adjust right column pl when vertical nav is collapsed
@@ -210,8 +210,8 @@ export default defineComponent({
.layout-wrapper.layout-nav-type-vertical.layout-overlay-nav {
.layout-navbar {
inline-size: calc(100% - 0px);
margin-inline-start: 8px;
inline-size: calc(100% - 0.5rem);
margin-inline-start: 0.5rem;
padding-inline-start: 0;
}
}

2
src/@layouts/styles/_default-layout.scss
View File

@@ -51,7 +51,7 @@ body,
& > div:first-child {
position: relative;
flex: auto;
inline-size: calc(100vw - variables.$layout-vertical-nav-width - 0.5rem);
inline-size: calc(100vw - variables.$layout-vertical-nav-width - 1rem);
}
}
}