diff --git a/src/@layouts/components/VerticalNavLayout.vue b/src/@layouts/components/VerticalNavLayout.vue index 6b527d39..c89e226d 100644 --- a/src/@layouts/components/VerticalNavLayout.vue +++ b/src/@layouts/components/VerticalNavLayout.vue @@ -111,7 +111,7 @@ export default defineComponent({ .layout-navbar { position: fixed; - width: calc(100vw - variables.$layout-vertical-nav-width - 1rem); + width: calc(100vw - variables.$layout-vertical-nav-width - 0.5rem); z-index: variables.$layout-vertical-nav-layout-navbar-z-index; inset-block-start: 0; diff --git a/src/@layouts/styles/_default-layout.scss b/src/@layouts/styles/_default-layout.scss index e2d2c072..31b5dafd 100644 --- a/src/@layouts/styles/_default-layout.scss +++ b/src/@layouts/styles/_default-layout.scss @@ -38,7 +38,7 @@ body, overflow: hidden; // TODO: Use grid gutter variable here padding-block: 1.5rem; - padding-top: calc(env(safe-area-inset-top) + 65px); + padding-top: calc(env(safe-area-inset-top) + 4.25rem); // display: flex; @@ -49,7 +49,7 @@ body, & > div:first-child { flex: auto; position: relative; - width: calc(100vw - variables.$layout-vertical-nav-width - 1rem); + width: calc(100vw - variables.$layout-vertical-nav-width - 0.5rem); } } } diff --git a/src/@layouts/styles/_variables.scss b/src/@layouts/styles/_variables.scss index 4c7ec7fd..7f332913 100644 --- a/src/@layouts/styles/_variables.scss +++ b/src/@layouts/styles/_variables.scss @@ -3,7 +3,7 @@ // πŸ‘‰ Vertical nav $layout-vertical-nav-z-index: 12 !default; $layout-vertical-nav-width: 16.25rem !default; -$layout-vertical-nav-collapsed-width: 80px !default; +$layout-vertical-nav-collapsed-width: 5rem !default; // πŸ‘‰ Horizontal nav $layout-horizontal-nav-z-index: 11 !default; @@ -16,7 +16,7 @@ $layout-vertical-nav-layout-navbar-z-index: 11 !default; $layout-horizontal-nav-layout-navbar-z-index: 11 !default; // πŸ‘‰ Main content -$layout-boxed-content-width: 1440px !default; +$layout-boxed-content-width: 90rem !default; // πŸ‘‰Footer $layout-vertical-nav-footer-height: 3.5rem !default;