推送项目重构代码

ruoyi-ui/src/layout/components/AppMain.vue

@@ -28,8 +28,8 @@ export default {
 
 <style lang="scss" scoped>
 .app-main {
-  /* 50= navbar  50  */
-  min-height: calc(100vh - 50px);
+  /* 40= navbar */
+  min-height: calc(100vh - 40px);
   width: 100%;
   background-color: #f5f5f5;
   position: relative;
@@ -37,17 +37,17 @@ export default {
 }
 
 .fixed-header+.app-main {
-  padding-top: 50px;
+  padding-top: 40px;
 }
 
 .hasTagsView {
   .app-main {
-    /* 84 = navbar + tags-view = 50 + 34 */
-    min-height: calc(100vh - 84px);
+    /* 68 = navbar + tags-view = 40 + 28 */
+    min-height: calc(100vh - 68px);
   }
 
   .fixed-header+.app-main {
-    padding-top: 84px;
+    padding-top: 68px;
   }
 }
 </style>

ruoyi-ui/src/layout/components/Navbar.vue

@@ -20,7 +20,6 @@
             @close="hiddenChat"
           />
         </div> -->
-        <AIChat class="right-menu-item" />
         <screenfull id="screenfull" class="right-menu-item hover-effect" />
         <el-tooltip content="用户" effect="dark" placement="bottom">
           <div class="right-menu-item hover-effect">
@@ -279,14 +278,14 @@ export default {
 
 <style lang="scss" scoped>
 .navbar {
-  height: 50px;
+  height: 40px;
   overflow: hidden;
   position: relative;
   background: #f5f5f5;
   box-shadow: 0 1px 4px rgba(0, 21, 41, 0.08);
 
   .hamburger-container {
-    line-height: 46px;
+    line-height: 36px;
     height: 100%;
     float: left;
     cursor: pointer;
@@ -315,7 +314,7 @@ export default {
   .right-menu {
     float: right;
     height: 100%;
-    line-height: 50px;
+    line-height: 40px;
 
     &:focus {
       outline: none;
@@ -350,9 +349,9 @@ export default {
 
         .user-avatar {
           cursor: pointer;
-          width: 40px;
-          height: 40px;
-          border-radius: 10px;
+          width: 30px;
+          height: 30px;
+          border-radius: 8px;
         }
 
         .el-icon-caret-bottom {

ruoyi-ui/src/layout/components/Sidebar/Logo.vue

@@ -35,7 +35,7 @@ export default {
   },
   data() {
     return {
-      title: '福安德综合办公系统',
+      title: '福安德办公',
       logo: logoImg
     }
   }
@@ -55,21 +55,23 @@ export default {
 .sidebar-logo-container {
   position: relative;
   width: 100%;
-  height: 50px;
-  line-height: 50px;
+  height: 40px;
+  line-height: 40px;
   background: #2b2f3a;
-  text-align: center;
+  text-align: left;
   overflow: hidden;
 
   & .sidebar-logo-link {
     height: 100%;
     width: 100%;
+    padding-left: 12px;
+    box-sizing: border-box;
 
     & .sidebar-logo {
-      width: 32px;
-      height: 32px;
+      width: 26px;
+      height: 26px;
       vertical-align: middle;
-      margin-right: 12px;
+      margin-right: 8px;
     }
 
     & .sidebar-title {
@@ -77,7 +79,7 @@ export default {
       margin: 0;
       color: #fff;
       font-weight: 600;
-      line-height: 50px;
+      line-height: 40px;
       font-size: 14px;
       font-family: Avenir, Helvetica Neue, Arial, Helvetica, sans-serif;
       vertical-align: middle;

ruoyi-ui/src/layout/components/TagsView/index.vue

@@ -231,7 +231,7 @@ export default {
 
 <style lang="scss" scoped>
 .tags-view-container {
-  height: 34px;
+  height: 28px;
   width: 100%;
   background: #f5f5f5;
   border-bottom: 1px solid #d8dce5;
@@ -242,15 +242,15 @@ export default {
       display: inline-block;
       position: relative;
       cursor: pointer;
-      height: 26px;
-      line-height: 26px;
+      height: 22px;
+      line-height: 22px;
       border: 1px solid #d8dce5;
       color: #495060;
       background: #fff;
       padding: 0 8px;
       font-size: 12px;
       margin-left: 5px;
-      margin-top: 4px;
+      margin-top: 3px;
 
       &:first-of-type {
         margin-left: 15px;