style(all): 主题配置

frontend/src/components/navbar/index.vue

@@ -219,8 +219,7 @@
     display: flex;
     justify-content: space-between;
     height: 100%;
-    border-bottom: 1px solid var(--color-border);
-    background-color: var(--color-bg-1);
+    background-color: var(--color-bg-3);
   }
   .left-side {
     display: flex;

frontend/src/components/project-selection/index.vue

@@ -34,7 +34,7 @@
     & .arco-select-view-single {
       border: none;
       color: #323233;
-      background-color: var(--color-bg-2);
+      background-color: var(--color-bg-1);
     }
   }
 </style>

frontend/src/components/tab-bar/index.vue

@@ -51,12 +51,12 @@
 <style scoped lang="less">
   .tab-bar-container {
     position: relative;
-    background-color: var(--color-bg-2);
+    background-color: var(--color-bg-1);
     .tab-bar-box {
       display: flex;
       padding: 0 0 0 20px;
       border-bottom: 1px solid var(--color-border);
-      background-color: var(--color-bg-2);
+      background-color: var(--color-bg-1);
       .tab-bar-scroll {
         overflow: hidden;
         height: 32px;

frontend/src/config/settings.json

@@ -8,7 +8,7 @@
   "menuCollapse": false,
   "footer": false,
   "themeColor": "#5736E9",
-  "menuWidth": 220,
+  "menuWidth": 200,
   "globalSettings": false,
   "device": "desktop",
   "tabBar": false,

frontend/src/layout/default-layout.vue

@@ -13,7 +13,7 @@
           :collapsed="collapsed"
           :collapsible="true"
           :width="menuWidth"
-          :style="{ paddingTop: navbar ? '60px' : '' }"
+          :style="{ paddingTop: navbar ? navbarHeight : '' }"
           :hide-trigger="true"
           @collapse="setCollapsed"
         >
@@ -63,7 +63,7 @@
   const route = useRoute();
   const permission = usePermission();
   useResponsive(true);
-  const navbarHeight = `60px`;
+  const navbarHeight = `56px`;
   const navbar = computed(() => appStore.navbar);
   const renderMenu = computed(() => appStore.menu && !appStore.topMenu);
   const hideMenu = computed(() => appStore.hideMenu);
@@ -102,7 +102,7 @@
 </script>
 
 <style scoped lang="less">
-  @nav-size-height: 60px;
+  @nav-size-height: 56px;
   @layout-max-width: 1100px;
   .layout {
     width: 100%;
@@ -123,16 +123,6 @@
     z-index: 99;
     height: 100%;
     transition: all 0.2s cubic-bezier(0.34, 0.69, 0.1, 1);
-    &::after {
-      position: absolute;
-      top: 0;
-      right: -1px;
-      display: block;
-      width: 1px;
-      height: 100%;
-      background-color: var(--color-border);
-      content: '';
-    }
     > :deep(.arco-layout-sider-children) {
       overflow-y: hidden;
     }
@@ -157,7 +147,7 @@
       }
     }
     :deep(.arco-menu-light) {
-      background-color: var(--color-bg-1) !important;
+      background-color: var(--color-bg-3) !important;
       .arco-menu-item {
         :hover {
           background-color: var(--color-bg-6);

frontend/src/router/routes/modules/components.ts

@@ -5,21 +5,21 @@ const components: AppRouteRecordRaw = {
   path: '/component',
   name: 'component',
   component: DEFAULT_LAYOUT,
+  redirect: '/component/index',
   meta: {
-    locale: 'menu.component',
-    roles: ['*'],
+    locale: 'menu.component.demo',
+    icon: 'icon-computer',
     order: 1,
-    icon: 'icon-common',
+    hideChildrenInMenu: true,
   },
   children: [
     {
-      path: 'form-create',
-      name: 'form-create',
+      path: 'index',
+      name: 'component',
       component: () => import('@/views/component/index.vue'),
       meta: {
         locale: 'menu.component.demo',
         roles: ['*'],
-        icon: 'icon-computer',
       },
     },
   ],

frontend/src/views/dashboard/workplace/components/banner.vue

@@ -26,7 +26,7 @@
     padding: 20px 20px 0;
     width: 100%;
     border-radius: 4px 4px 0 0;
-    background-color: var(--color-bg-2);
+    background-color: var(--color-bg-1);
   }
   :deep(.arco-icon-home) {
     margin-right: 6px;

frontend/src/views/dashboard/workplace/index.vue

@@ -61,7 +61,6 @@
     display: flex;
     padding: 16px 20px;
     padding-bottom: 0;
-    background-color: var(--color-fill-2);
   }
   .left-side {
     flex: 1;
@@ -74,7 +73,7 @@
   .panel {
     overflow: auto;
     border-radius: 4px;
-    background-color: var(--color-bg-2);
+    background-color: var(--color-bg-1);
   }
   :deep(.panel-border) {
     margin-bottom: 0;
@@ -82,7 +81,7 @@
   }
   .moduler-wrap {
     border-radius: 4px;
-    background-color: var(--color-bg-2);
+    background-color: var(--color-bg-1);
     :deep(.text) {
       font-size: 12px;
       text-align: center;

frontend/src/views/login/index.vue

@@ -16,6 +16,7 @@
 <style lang="less" scoped>
   .my-container {
     width: 100vw;
+    min-width: 1440px;
     height: 100vh;
     .login-box {
       margin-top: calc(50vh - 400px);