@maketribe/ms-app 3.1.4 → 3.1.6

package/dist/style/layouts/default/bar.css

@@ -1 +1 @@
-.mk-bar{display:flex;flex-direction:column;width:80px;height:100%;background-color:#eff5ff;color:#fff}.mk-bar__logo{overflow:hidden;width:64px;height:64px;border-radius:4px;margin:8px auto}.mk-bar__items{flex:1;color:#276efd}.mk-bar__footer{font-size:18px;display:flex;align-items:center;justify-content:center;margin-bottom:20px}.mk-bar__item{position:relative;display:flex;align-items:center;justify-content:center;width:64px;margin:0 auto;flex-direction:column;cursor:pointer;margin-top:10px;padding:8px 0}.mk-bar__item-button{display:flex;align-items:center;justify-content:center;width:25px;height:25px;color:#276efd;border-radius:4px}.mk-bar__item-title{font-size:12px;padding:5px 5px 0 5px;overflow:hidden;text-overflow:clip;white-space:normal;width:100%;box-sizing:border-box;text-align:center;color:#276efd}.mk-bar__item.is-active{background:#fff;border-radius:10px}.mk-bar__item.is-active .mk-bar__item-button{color:#276efd}.mk-bar .mk-logo{width:65px;height:65px;margin:0 auto;background-size:contain;background-position:center center}.mk-bar-settings__icon{cursor:pointer}.mk-bar-settings__item{display:flex;padding:5px 3px;align-items:center;cursor:pointer}.mk-bar-settings__item-icon{margin-right:10px}.mk-bar-settings__item:hover{background-color:#ecf5ff}
+.mk-bar{display:flex;flex-direction:column;width:80px;height:100%;background:var(--mk-default-bg-color);color:#fff}.mk-bar__logo{overflow:hidden;width:64px;height:64px;border-radius:4px;margin:8px auto}.mk-bar__items{flex:1}.mk-bar__footer{font-size:18px;display:flex;align-items:center;justify-content:center;margin-bottom:20px}.mk-bar__footer .mk-bar__item{color:#fff;border-radius:5px!important;border-right:0 solid #fff!important;margin-left:auto!important}.mk-bar__item{position:relative;display:flex;align-items:center;justify-content:center;width:64px;margin:0 auto;flex-direction:column;cursor:pointer;margin-top:10px;padding:8px 0}.mk-bar__item-button{display:flex;align-items:center;justify-content:center;width:25px;height:25px;border-radius:4px}.mk-bar__item-title{font-size:12px;padding:5px 5px 0 5px;overflow:hidden;text-overflow:clip;white-space:normal;width:100%;box-sizing:border-box;text-align:center;font-weight:500}.mk-bar__item.is-active{background:#fff;border-radius:5px 0 0 5px;color:#276efd;border-right:20px solid #fff;margin-left:10px}

package/dist/style/layouts/default/header.css

@@ -1 +1 @@
-.mk-header{display:flex;height:56px}.mk-header__logo{height:36px;width:auto;margin-left:30px}.mk-header__main{flex:1;display:flex;align-items:center;justify-content:flex-start}.mk-header-tools{height:100%}.mk-header-tools__item{cursor:pointer;padding:0 10px;height:100%;display:flex;align-items:center}.mk-header-tools__item:hover{background-color:#f5f5f5}.mk-header-tools__user{height:100%}.mk-header-tools__user-info{height:100%;display:flex;align-items:center;outline:0}.mk-header-tools__avatar{height:28px;width:28px;border-radius:50%;overflow:hidden}.mk-header-tools__default-avatar{font-size:28px}.mk-header-tools__nickName{margin-left:5px}
+.mk-header{display:flex;height:56px;background:var(--mk-default-bg-color);color:#fff}.mk-header__logo{height:36px;width:auto;margin-left:15px;filter:invert(100%)}.mk-header__main{flex:1;display:flex;align-items:center;justify-content:flex-start}.mk-header-tools{height:100%}.mk-header-tools__item{cursor:pointer;height:100%;display:flex;align-items:center}.mk-header-tools__user{color:#fff;margin:10px;padding:7px 10px;border-radius:5px}.mk-header-tools__user:hover{background-color:rgba(0,0,0,.16);background-color:var(--common_overlay_press_color,rgba(0,0,0,.16))}.mk-header-tools__user-info{height:100%;display:flex;align-items:center;outline:0}.mk-header-tools__avatar{height:28px;width:28px;border-radius:50%;overflow:hidden}.mk-header-tools__default-avatar{font-size:28px}.mk-header-tools__nickName{margin-left:5px;color:#fff;text-align:right}

package/dist/style/layouts/default/index.css

@@ -1 +1 @@
-.mk-bar{display:flex;flex-direction:column;width:80px;height:100%;background-color:#eff5ff;color:#fff}.mk-bar__logo{overflow:hidden;width:64px;height:64px;border-radius:4px;margin:8px auto}.mk-bar__items{flex:1;color:#276efd}.mk-bar__footer{font-size:18px;display:flex;align-items:center;justify-content:center;margin-bottom:20px}.mk-bar__item{position:relative;display:flex;align-items:center;justify-content:center;width:64px;margin:0 auto;flex-direction:column;cursor:pointer;margin-top:10px;padding:8px 0}.mk-bar__item-button{display:flex;align-items:center;justify-content:center;width:25px;height:25px;color:#276efd;border-radius:4px}.mk-bar__item-title{font-size:12px;padding:5px 5px 0 5px;overflow:hidden;text-overflow:clip;white-space:normal;width:100%;box-sizing:border-box;text-align:center;color:#276efd}.mk-bar__item.is-active{background:#fff;border-radius:10px}.mk-bar__item.is-active .mk-bar__item-button{color:#276efd}.mk-bar .mk-logo{width:65px;height:65px;margin:0 auto;background-size:contain;background-position:center center}.mk-bar-settings__icon{cursor:pointer}.mk-bar-settings__item{display:flex;padding:5px 3px;align-items:center;cursor:pointer}.mk-bar-settings__item-icon{margin-right:10px}.mk-bar-settings__item:hover{background-color:#ecf5ff}.mk-menu{--el-menu-active-color:rgba(0, 98, 255, 1);--el-menu-text-color:rgba(23, 23, 37, 1);width:200px;height:100%;background-color:#fff}.mk-menu .el-menu{border:none;padding-top:10px}.mk-menu .is-active{background-color:#eff5ff;border-radius:8px}.mk-menu .el-sub-menu{background-color:#fff}.mk-menu-item{margin:10px;padding:0;box-sizing:border-box}.mk-menu-item:first-child{margin-top:0}.mk-menu-item__icon{margin-right:10px}:root{--el-menu-item-height:40px}.mk-header{display:flex;height:56px}.mk-header__logo{height:36px;width:auto;margin-left:30px}.mk-header__main{flex:1;display:flex;align-items:center;justify-content:flex-start}.mk-header-tools{height:100%}.mk-header-tools__item{cursor:pointer;padding:0 10px;height:100%;display:flex;align-items:center}.mk-header-tools__item:hover{background-color:#f5f5f5}.mk-header-tools__user{height:100%}.mk-header-tools__user-info{height:100%;display:flex;align-items:center;outline:0}.mk-header-tools__avatar{height:28px;width:28px;border-radius:50%;overflow:hidden}.mk-header-tools__default-avatar{font-size:28px}.mk-header-tools__nickName{margin-left:5px}.mk-layout-default{height:100%;background-color:#ebeced}.mk-layout-default>.el-main{--el-main-padding:0px}.mk-layout-default__body{height:100%}.mk-layout-default__body>.el-main{--el-main-padding:0px}.mk-layout-default__header{box-sizing:content-box;--el-header-height:56px;background-color:#fff;border-bottom:1px solid #e2e2ea}.mk-layout-default__main{height:100%}.mk-layout-default__main>.el-main{--el-main-padding:0px}.mk-layout-default__menu{border-right:1px solid #e2e2ea}
+.mk-bar{display:flex;flex-direction:column;width:80px;height:100%;background:var(--mk-default-bg-color);color:#fff}.mk-bar__logo{overflow:hidden;width:64px;height:64px;border-radius:4px;margin:8px auto}.mk-bar__items{flex:1}.mk-bar__footer{font-size:18px;display:flex;align-items:center;justify-content:center;margin-bottom:20px}.mk-bar__footer .mk-bar__item{color:#fff;border-radius:5px!important;border-right:0 solid #fff!important;margin-left:auto!important}.mk-bar__item{position:relative;display:flex;align-items:center;justify-content:center;width:64px;margin:0 auto;flex-direction:column;cursor:pointer;margin-top:10px;padding:8px 0}.mk-bar__item-button{display:flex;align-items:center;justify-content:center;width:25px;height:25px;border-radius:4px}.mk-bar__item-title{font-size:12px;padding:5px 5px 0 5px;overflow:hidden;text-overflow:clip;white-space:normal;width:100%;box-sizing:border-box;text-align:center;font-weight:500}.mk-bar__item.is-active{background:#fff;border-radius:5px 0 0 5px;color:#276efd;border-right:20px solid #fff;margin-left:10px}.mk-menu{--el-menu-active-color:rgba(0, 98, 255, 1);--el-menu-text-color:rgba(23, 23, 37, 1);width:200px;height:100%;background-color:#fff;overflow:auto}.mk-menu .el-menu{border:none;padding-top:10px}.mk-menu .is-active{background-color:#eff5ff;border-radius:8px}.mk-menu .el-sub-menu{background-color:#fff}.mk-menu-item{margin:10px;padding:0;box-sizing:border-box}.mk-menu-item:first-child{margin-top:0}.mk-menu-item__icon{margin-right:10px}:root{--el-menu-item-height:40px}.mk-header{display:flex;height:56px;background:var(--mk-default-bg-color);color:#fff}.mk-header__logo{height:36px;width:auto;margin-left:15px;filter:invert(100%)}.mk-header__main{flex:1;display:flex;align-items:center;justify-content:flex-start}.mk-header-tools{height:100%}.mk-header-tools__item{cursor:pointer;height:100%;display:flex;align-items:center}.mk-header-tools__user{color:#fff;margin:10px;padding:7px 10px;border-radius:5px}.mk-header-tools__user:hover{background-color:rgba(0,0,0,.16);background-color:var(--common_overlay_press_color,rgba(0,0,0,.16))}.mk-header-tools__user-info{height:100%;display:flex;align-items:center;outline:0}.mk-header-tools__avatar{height:28px;width:28px;border-radius:50%;overflow:hidden}.mk-header-tools__default-avatar{font-size:28px}.mk-header-tools__nickName{margin-left:5px;color:#fff;text-align:right}.mk-layout-default{height:100%;background-color:var(--mk-container-border-color)}.mk-layout-default>.el-main{--el-main-padding:0px}.mk-layout-default__body{height:100%}.mk-layout-default__body>.el-main{--el-main-padding:0px;display:flex}.mk-layout-default__body>.el-main .el-aside{overflow:hidden}.mk-layout-default__header{box-sizing:content-box;--el-header-height:56px;background-color:#fff}.mk-layout-default__main{height:100%}.mk-layout-default__main>.el-main{--el-main-padding:0px}

package/dist/style/layouts/default/menu.css

@@ -1 +1 @@
-.mk-menu{--el-menu-active-color:rgba(0, 98, 255, 1);--el-menu-text-color:rgba(23, 23, 37, 1);width:200px;height:100%;background-color:#fff}.mk-menu .el-menu{border:none;padding-top:10px}.mk-menu .is-active{background-color:#eff5ff;border-radius:8px}.mk-menu .el-sub-menu{background-color:#fff}.mk-menu-item{margin:10px;padding:0;box-sizing:border-box}.mk-menu-item:first-child{margin-top:0}.mk-menu-item__icon{margin-right:10px}:root{--el-menu-item-height:40px}
+.mk-menu{--el-menu-active-color:rgba(0, 98, 255, 1);--el-menu-text-color:rgba(23, 23, 37, 1);width:200px;height:100%;background-color:#fff;overflow:auto}.mk-menu .el-menu{border:none;padding-top:10px}.mk-menu .is-active{background-color:#eff5ff;border-radius:8px}.mk-menu .el-sub-menu{background-color:#fff}.mk-menu-item{margin:10px;padding:0;box-sizing:border-box}.mk-menu-item:first-child{margin-top:0}.mk-menu-item__icon{margin-right:10px}:root{--el-menu-item-height:40px}

package/dist/style/layouts/index.css

@@ -1 +1 @@
-.mk-lock{position:fixed;left:0;top:0;right:0;bottom:0;z-index:1999}.mk-lock__overlay{width:100%;height:100%}.mk-lock-entry{position:absolute;top:50%;left:50%;width:260px;transform:translate(-50%,-50%)}.mk-lock-entry__footer{display:flex;justify-content:space-between;margin-top:6px}.mk-bar{display:flex;flex-direction:column;width:80px;height:100%;background-color:#eff5ff;color:#fff}.mk-bar__logo{overflow:hidden;width:64px;height:64px;border-radius:4px;margin:8px auto}.mk-bar__items{flex:1;color:#276efd}.mk-bar__footer{font-size:18px;display:flex;align-items:center;justify-content:center;margin-bottom:20px}.mk-bar__item{position:relative;display:flex;align-items:center;justify-content:center;width:64px;margin:0 auto;flex-direction:column;cursor:pointer;margin-top:10px;padding:8px 0}.mk-bar__item-button{display:flex;align-items:center;justify-content:center;width:25px;height:25px;color:#276efd;border-radius:4px}.mk-bar__item-title{font-size:12px;padding:5px 5px 0 5px;overflow:hidden;text-overflow:clip;white-space:normal;width:100%;box-sizing:border-box;text-align:center;color:#276efd}.mk-bar__item.is-active{background:#fff;border-radius:10px}.mk-bar__item.is-active .mk-bar__item-button{color:#276efd}.mk-bar .mk-logo{width:65px;height:65px;margin:0 auto;background-size:contain;background-position:center center}.mk-bar-settings__icon{cursor:pointer}.mk-bar-settings__item{display:flex;padding:5px 3px;align-items:center;cursor:pointer}.mk-bar-settings__item-icon{margin-right:10px}.mk-bar-settings__item:hover{background-color:#ecf5ff}.mk-menu{--el-menu-active-color:rgba(0, 98, 255, 1);--el-menu-text-color:rgba(23, 23, 37, 1);width:200px;height:100%;background-color:#fff}.mk-menu .el-menu{border:none;padding-top:10px}.mk-menu .is-active{background-color:#eff5ff;border-radius:8px}.mk-menu .el-sub-menu{background-color:#fff}.mk-menu-item{margin:10px;padding:0;box-sizing:border-box}.mk-menu-item:first-child{margin-top:0}.mk-menu-item__icon{margin-right:10px}:root{--el-menu-item-height:40px}.mk-header{display:flex;height:56px}.mk-header__logo{height:36px;width:auto;margin-left:30px}.mk-header__main{flex:1;display:flex;align-items:center;justify-content:flex-start}.mk-header-tools{height:100%}.mk-header-tools__item{cursor:pointer;padding:0 10px;height:100%;display:flex;align-items:center}.mk-header-tools__item:hover{background-color:#f5f5f5}.mk-header-tools__user{height:100%}.mk-header-tools__user-info{height:100%;display:flex;align-items:center;outline:0}.mk-header-tools__avatar{height:28px;width:28px;border-radius:50%;overflow:hidden}.mk-header-tools__default-avatar{font-size:28px}.mk-header-tools__nickName{margin-left:5px}.mk-layout-default{height:100%;background-color:#ebeced}.mk-layout-default>.el-main{--el-main-padding:0px}.mk-layout-default__body{height:100%}.mk-layout-default__body>.el-main{--el-main-padding:0px}.mk-layout-default__header{box-sizing:content-box;--el-header-height:56px;background-color:#fff;border-bottom:1px solid #e2e2ea}.mk-layout-default__main{height:100%}.mk-layout-default__main>.el-main{--el-main-padding:0px}.mk-layout-default__menu{border-right:1px solid #e2e2ea}
+.mk-lock{position:fixed;left:0;top:0;right:0;bottom:0;z-index:1999}.mk-lock__overlay{width:100%;height:100%}.mk-lock-entry{position:absolute;top:50%;left:50%;width:260px;transform:translate(-50%,-50%)}.mk-lock-entry__footer{display:flex;justify-content:space-between;margin-top:6px}.mk-bar{display:flex;flex-direction:column;width:80px;height:100%;background:var(--mk-default-bg-color);color:#fff}.mk-bar__logo{overflow:hidden;width:64px;height:64px;border-radius:4px;margin:8px auto}.mk-bar__items{flex:1}.mk-bar__footer{font-size:18px;display:flex;align-items:center;justify-content:center;margin-bottom:20px}.mk-bar__footer .mk-bar__item{color:#fff;border-radius:5px!important;border-right:0 solid #fff!important;margin-left:auto!important}.mk-bar__item{position:relative;display:flex;align-items:center;justify-content:center;width:64px;margin:0 auto;flex-direction:column;cursor:pointer;margin-top:10px;padding:8px 0}.mk-bar__item-button{display:flex;align-items:center;justify-content:center;width:25px;height:25px;border-radius:4px}.mk-bar__item-title{font-size:12px;padding:5px 5px 0 5px;overflow:hidden;text-overflow:clip;white-space:normal;width:100%;box-sizing:border-box;text-align:center;font-weight:500}.mk-bar__item.is-active{background:#fff;border-radius:5px 0 0 5px;color:#276efd;border-right:20px solid #fff;margin-left:10px}.mk-menu{--el-menu-active-color:rgba(0, 98, 255, 1);--el-menu-text-color:rgba(23, 23, 37, 1);width:200px;height:100%;background-color:#fff;overflow:auto}.mk-menu .el-menu{border:none;padding-top:10px}.mk-menu .is-active{background-color:#eff5ff;border-radius:8px}.mk-menu .el-sub-menu{background-color:#fff}.mk-menu-item{margin:10px;padding:0;box-sizing:border-box}.mk-menu-item:first-child{margin-top:0}.mk-menu-item__icon{margin-right:10px}:root{--el-menu-item-height:40px}.mk-header{display:flex;height:56px;background:var(--mk-default-bg-color);color:#fff}.mk-header__logo{height:36px;width:auto;margin-left:15px;filter:invert(100%)}.mk-header__main{flex:1;display:flex;align-items:center;justify-content:flex-start}.mk-header-tools{height:100%}.mk-header-tools__item{cursor:pointer;height:100%;display:flex;align-items:center}.mk-header-tools__user{color:#fff;margin:10px;padding:7px 10px;border-radius:5px}.mk-header-tools__user:hover{background-color:rgba(0,0,0,.16);background-color:var(--common_overlay_press_color,rgba(0,0,0,.16))}.mk-header-tools__user-info{height:100%;display:flex;align-items:center;outline:0}.mk-header-tools__avatar{height:28px;width:28px;border-radius:50%;overflow:hidden}.mk-header-tools__default-avatar{font-size:28px}.mk-header-tools__nickName{margin-left:5px;color:#fff;text-align:right}.mk-layout-default{height:100%;background-color:var(--mk-container-border-color)}.mk-layout-default>.el-main{--el-main-padding:0px}.mk-layout-default__body{height:100%}.mk-layout-default__body>.el-main{--el-main-padding:0px;display:flex}.mk-layout-default__body>.el-main .el-aside{overflow:hidden}.mk-layout-default__header{box-sizing:content-box;--el-header-height:56px;background-color:#fff}.mk-layout-default__main{height:100%}.mk-layout-default__main>.el-main{--el-main-padding:0px}

package/dist/style/modules/cms/index.css

@@ -1 +1 @@
-.resource-manager{display:flex;flex-direction:column;height:100%;background:#fff}.resource-manager-tools{padding:10px 20px}.resource-manager-header{padding:15px 20px;border-top:1px solid #e6e6e6;border-bottom:1px solid #e6e6e6}.resource-manager-breadcrumb-item{cursor:pointer;padding:5px 3px}.resource-manager-main{height:0;flex:1}.resource-manager-list{gap:10px;display:flex;flex-wrap:wrap;align-items:flex-start}.resource-item{width:120px;height:130px;padding:10px;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;user-select:none}.resource-item__wrapper{display:flex;height:100%;gap:5px;flex-direction:column}.resource-item__main{flex:1;font-size:48px;text-align:center;padding-top:10px}.resource-item__label{text-align:center;overflow:hidden;text-overflow:ellipsis;padding:5px}.resource-item:hover{background-color:var(--el-color-info-light-9)}.resource-item.is-selected{background-color:var(--el-color-primary-light-9)}
+.resource-manager{display:flex;flex-direction:column;height:100%;background:#fff}.resource-manager-tools{padding:10px 20px}.resource-manager-header{padding:15px 20px;border-top:1px solid #e6e6e6;border-bottom:1px solid #e6e6e6}.resource-manager-breadcrumb-item{cursor:pointer;padding:5px 3px}.resource-manager-main{height:0;flex:1}.resource-manager-list{gap:10px;display:flex;flex-wrap:wrap;align-items:flex-start}.resource-item{width:120px;height:130px;padding:10px;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;user-select:none}.resource-item__wrapper{display:flex;height:100%;gap:5px;flex-direction:column}.resource-item__main{flex:1;font-size:48px;text-align:center;padding-top:10px}.resource-item__label{white-space:nowrap;text-align:center;overflow:hidden;text-overflow:ellipsis;padding:5px}.resource-item:hover{background-color:var(--el-color-info-light-9)}.resource-item.is-selected{background-color:var(--el-color-primary-light-9)}

package/dist/style/modules/cms/resource-manager.css

@@ -1 +1 @@
-.resource-manager{display:flex;flex-direction:column;height:100%;background:#fff}.resource-manager-tools{padding:10px 20px}.resource-manager-header{padding:15px 20px;border-top:1px solid #e6e6e6;border-bottom:1px solid #e6e6e6}.resource-manager-breadcrumb-item{cursor:pointer;padding:5px 3px}.resource-manager-main{height:0;flex:1}.resource-manager-list{gap:10px;display:flex;flex-wrap:wrap;align-items:flex-start}.resource-item{width:120px;height:130px;padding:10px;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;user-select:none}.resource-item__wrapper{display:flex;height:100%;gap:5px;flex-direction:column}.resource-item__main{flex:1;font-size:48px;text-align:center;padding-top:10px}.resource-item__label{text-align:center;overflow:hidden;text-overflow:ellipsis;padding:5px}.resource-item:hover{background-color:var(--el-color-info-light-9)}.resource-item.is-selected{background-color:var(--el-color-primary-light-9)}
+.resource-manager{display:flex;flex-direction:column;height:100%;background:#fff}.resource-manager-tools{padding:10px 20px}.resource-manager-header{padding:15px 20px;border-top:1px solid #e6e6e6;border-bottom:1px solid #e6e6e6}.resource-manager-breadcrumb-item{cursor:pointer;padding:5px 3px}.resource-manager-main{height:0;flex:1}.resource-manager-list{gap:10px;display:flex;flex-wrap:wrap;align-items:flex-start}.resource-item{width:120px;height:130px;padding:10px;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;user-select:none}.resource-item__wrapper{display:flex;height:100%;gap:5px;flex-direction:column}.resource-item__main{flex:1;font-size:48px;text-align:center;padding-top:10px}.resource-item__label{white-space:nowrap;text-align:center;overflow:hidden;text-overflow:ellipsis;padding:5px}.resource-item:hover{background-color:var(--el-color-info-light-9)}.resource-item.is-selected{background-color:var(--el-color-primary-light-9)}

package/dist/style/src/components/material-list.scss

@@ -23,8 +23,20 @@
     line-height: 46px;
     padding: 0 10px;
     border-bottom: var(--mk-material-list-border);
+    
+    &-right{
+      font-size: 14px;
+      display: flex;
+      line-height: 1;
+      align-items: center;
+      &>.mk-upload-file{
+        margin-left: 5px;
+      }
+    }
   }
 
+ 
+
   &__body {
     height: 0;
     flex: 1 0 0px;

package/dist/style/src/components/part-list.scss

@@ -1,25 +1,27 @@
 .cms-part {
 	background-color: #fff;
 	height: 100%;
-	--mk-material-list-border: 1px solid #f6f6f6;
+	--mk-material-list-border: 1px solid var(--mk-container-border-color);
 
 	&-list {
 		height: 100%;
 		display: flex;
 
 		&__left {
-			width: 200px;
+			max-width: 300px;
+      min-width: 220px;
 			display: flex;
 			flex-direction: column;
 			border-right: var(--mk-material-list-border);
 
 			&-header {
-				height: 46px;
-				padding: 0 10px;
+				height: 32px;
+				padding: 10px;
 				border-bottom: var(--mk-material-list-border);
 				display: flex;
 				align-items: center;
 				justify-content: space-between;
+        text-indent: 10px;
 			}
 
 			&-body {
@@ -30,10 +32,15 @@
 		}
 
 		&__right {
-			flex: 1;
+			flex: 1 1;
 			display: flex;
+      box-sizing: content-box;
+      background-color: var(--mk-container-border-color);
+
+      padding: 10px;
 			> .mk-data-table {
-				flex: 1;
+        flex: 1 1;
+        width: 100%;
 			}
 			>.el-empty{
 				width: 100%;

package/dist/style/src/index.scss

@@ -1,16 +1,24 @@
-@use "./theme/theme.scss";
-@use "./modules/cms/index.scss" as *;
-@use "./components/index.scss" as *;
-@use "./layouts" as *;
-@use "./page/index.scss" as *;
-
-:root {
-  --mk-spacing-small: 5px;
-  --mk-spacing-middle: 10px;
-  --mk-spacing-large: 15px;
-
-  --mk-border-color: #cccccc;
-  --mk-border: 1px solid var(--mk-border-color);
-
-  --mk-mask-background-color: rgba(0, 0, 0, 0.1);
-}
+@use "./theme/theme.scss";
+@use "./modules/cms/index.scss" as *;
+@use "./components/index.scss" as *;
+@use "./layouts" as *;
+@use "./page/index.scss" as *;
+
+:root {
+  --mk-spacing-small: 5px;
+  --mk-spacing-middle: 10px;
+  --mk-spacing-large: 15px;
+  --mk-default-bg-color:#2876f6;
+  --mk-container-border-color:#f4f4f4;
+  --mk-container-bg-color:#f4f4f4;
+  --mk-border-color: #cccccc;
+  --mk-border: 1px solid var(--mk-border-color);
+
+  --mk-mask-background-color: rgba(0, 0, 0, 0.1);
+}
+.el-card {
+  --el-card-border-color:var(--mk-container-border-color);
+}
+.el-table{
+  --el-card-border-color:var(--mk-container-border-color);
+}

package/dist/style/src/layouts/default/bar.scss

@@ -3,7 +3,8 @@
   flex-direction: column;
   width: 80px;
   height: 100%;
-  background-color: #eff5ff;
+  // background-color: #eff5ff;
+  background: var(--mk-default-bg-color);
   color: white;
 
   &__logo {
@@ -16,7 +17,6 @@
 
   &__items {
     flex: 1;
-    color: #276efd;
   }
 
   &__footer {
@@ -25,6 +25,14 @@
     align-items: center;
     justify-content: center;
     margin-bottom: 20px;
+
+    .mk-bar__item{
+      color: #fff;
+      border-radius: 5px !important;
+      border-right: 0px solid #fff !important;
+      margin-left: auto !important;
+    }
+
   }
 
   &__item {
@@ -46,7 +54,7 @@
       width: 25px;
       height: 25px;
       // background-color: rgba(157, 157, 157, 1);
-      color: #276efd;
+      // color: #276efd;
       border-radius: 4px;
     }
 
@@ -59,17 +67,19 @@
       width: 100%;
       box-sizing: border-box;
       text-align: center;
-      color: #276efd;
+      font-weight: 500;
     }
 
     &.is-active {
       background: white;
-      border-radius: 10px;
+      border-radius: 5px 0px 0px 5px;
+      color: #276efd;
+      border-right: 20px solid #fff;
+      margin-left: 10px;
 
       .mk-bar__item-button {
         // width: 40px;
         // height: 40px;
-        color: #276efd;
       }
 
       // .mk-bar__item-title {
@@ -92,34 +102,4 @@
     }
   }
 
-  .mk-logo {
-    width: 65px;
-    height: 65px;
-    margin: 0 auto;
-    background-size: contain;
-    background-position: center center;
-  }
-
-  @at-root {
-    &-settings {
-      &__icon {
-        cursor: pointer;
-      }
-
-      &__item {
-        display: flex;
-        padding: 5px 3px;
-        align-items: center;
-        cursor: pointer;
-
-        &-icon {
-          margin-right: 10px;
-        }
-
-        &:hover {
-          background-color: rgb(236, 245, 255);
-        }
-      }
-    }
-  }
-}
+}

package/dist/style/src/layouts/default/header.scss

@@ -1,11 +1,14 @@
 .mk-header {
   display: flex;
   height: 56px;
+  background: var(--mk-default-bg-color);
+  color:#fff;
 
   &__logo {
     height: 36px;
     width: auto;
-    margin-left: 30px
+    margin-left: 15px;
+    filter: invert(100%);
   }
 
   &__main {
@@ -17,21 +20,23 @@
 
   &-tools {
     height: 100%;
-
     &__item {
       cursor: pointer;
-      padding: 0 10px;
       height: 100%;
       display: flex;
       align-items: center;
-
-      &:hover {
-        background-color: rgb(245, 245, 245);
-      }
     }
 
     &__user {
-      height: 100%;
+      color: #fff;
+      margin: 10px;
+      padding: 7px 10px;
+      border-radius: 5px;
+
+      &:hover {
+        background-color: rgba(0, 0, 0, .16);
+        background-color: var(--common_overlay_press_color, rgba(0, 0, 0, .16));
+      }
     }
 
     &__user-info {
@@ -54,6 +59,8 @@
 
     &__nickName {
       margin-left: 5px;
+      color: #fff;
+      text-align: right;
     }
   }
-}
+}

package/dist/style/src/layouts/default/index.scss

@@ -4,7 +4,7 @@
 
 .mk-layout-default {
   height: 100%;
-  background-color: rgba(235, 236, 237, 1);
+  background-color: var(--mk-container-border-color);
 
   > .el-main {
     --el-main-padding: 0px;
@@ -15,6 +15,10 @@
 
     > .el-main {
       --el-main-padding: 0px;
+      display: flex;
+      .el-aside {
+        overflow: hidden;
+      }
     }
   }
 
@@ -22,7 +26,7 @@
     box-sizing: content-box;
     --el-header-height: 56px;
     background-color: white;
-    border-bottom: 1px solid rgba(226, 226, 234, 1);
+    // border-bottom: 1px solid var(--mk-container-border-color);
   }
 
   &__main {
@@ -33,7 +37,7 @@
     }
   }
 
-  &__menu {
-    border-right: 1px solid rgba(226, 226, 234, 1);
-  }
+  // &__menu {
+  //   border-right: 1px solid rgba(226, 226, 234, 1);
+  // }
 }

package/dist/style/src/layouts/default/menu.scss

@@ -4,6 +4,7 @@
   width: 200px;
   height: 100%;
   background-color: white;
+  overflow: auto;
 
   .el-menu {
     border: none;
@@ -38,4 +39,4 @@
 
 :root {
   --el-menu-item-height: 40px;
-}
+}

package/dist/style/src/modules/cms/resource-manager.scss

@@ -55,6 +55,7 @@
   }
 
   &__label {
+    white-space: nowrap;
     text-align: center;
     overflow: hidden;
     text-overflow: ellipsis;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@maketribe/ms-app",
-  "version": "3.1.4",
+  "version": "3.1.6",
   "description": "",
   "main": "dist/cjs",
   "files": [
@@ -26,10 +26,10 @@
     "vue-codemirror": "^6.1.1",
     "vue-router": "^4.2.4",
     "@codemirror/lang-html": "^6.4.9",
-    "@maketribe/dm": "^3.0.20",
+    "@maketribe/dm": "^3.0.21",
     "@maketribe/locale": "^1.0.5",
-    "@maketribe/request": "^2.0.6",
-    "@maketribe/utils": "^1.1.12"
+    "@maketribe/utils": "^1.1.12",
+    "@maketribe/request": "^2.0.6"
   },
   "scripts": {
     "build": "npm run clean && npm run build:js && npm run build:type && npm run build:style",