GithubBackup/MoviePilot-Frontend
1
0
Fork 0
mirror of https://github.com/jxxghp/MoviePilot-Frontend.git synced 2026-08-28 03:27:54 +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
src/@layouts/components/TransitionExpand.vue
+1 -1
View File
@@ -116,7 +116,7 @@ export default defineComponent({
.layout-navbar { .layout-navbar {
position: fixed; 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; z-index: variables.$layout-vertical-nav-layout-navbar-z-index;
inset-block-start: 0; inset-block-start: 0;
src/@layouts/components/VerticalNavLayout.vue
+3 -3
View File
@@ -178,7 +178,7 @@ export default defineComponent({
} }
&:not(.layout-overlay-nav) .layout-content-wrapper { &: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 // 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-wrapper.layout-nav-type-vertical.layout-overlay-nav {
.layout-navbar { .layout-navbar {
inline-size: calc(100% - 0px); inline-size: calc(100% - 0.5rem);
margin-inline-start: 8px; margin-inline-start: 0.5rem;
padding-inline-start: 0; padding-inline-start: 0;
} }
} }
src/@layouts/styles/_default-layout.scss
+1 -1
View File
@@ -51,7 +51,7 @@ body,
& > div:first-child { & > div:first-child {
position: relative; position: relative;
flex: auto; flex: auto;
inline-size: calc(100vw - variables.$layout-vertical-nav-width - 0.5rem); inline-size: calc(100vw - variables.$layout-vertical-nav-width - 1rem);
} }
} }
} }