feat: 修改 app-container 全局页面根元素样式

cadecode · May 29, 2023 · eb4ca36 · eb4ca36
1 parent aa9ae1d
commit eb4ca36
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 4 deletions.
diff --git a/src/layout/component/AppMain.vue b/src/layout/component/AppMain.vue
@@ -17,8 +17,7 @@ export default {
 </script>
 <style scoped>
 .app-main {
-  /*50 = navbar  */
-  min-height: calc(100vh - 50px);
+  min-height: 100vh;
   width: 100%;
   position: relative;
   overflow: hidden;

diff --git a/src/style/index.scss b/src/style/index.scss
@@ -75,7 +75,17 @@ div:focus {
   }
 }
 
-// main-container global css
+// 页面组件根元素样式
 .app-container {
-  padding: 20px;
+  padding: 10px 20px;
 }
+
+// 固定大小在可视区域内
+.app-container-fixed {
+  padding: 10px 20px;
+  // AppNavbar 50px
+  height: calc(100vh - 50px);
+  overflow: hidden;
+}
+
+