@maketribe/ms-app 3.2.18 → 3.2.20

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

@@ -1 +1 @@
-.mk-bar{display:flex;flex-direction:column;width:80px;height:100%;background:var(--mk-default-bg-color);border-right:1px solid var(--mk-container-border-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+.mk-bar__item{margin-top:10px}.mk-bar__item{position:relative;display:flex;align-items:center;justify-content:center;width:64px;margin:0 auto;flex-direction:column;cursor:pointer;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__projectName{margin-left:10px;letter-spacing:3px}.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}
+.mk-bar{display:flex;flex-direction:column;width:80px;height:100%;background:var(--mk-default-bg-color);border-right:1px solid var(--mk-container-border-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+.mk-bar__item{margin-top:10px}.mk-bar__item{position:relative;display:flex;align-items:center;justify-content:center;width:64px;margin:0 auto;flex-direction:column;cursor:pointer;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__projectName{margin-left:10px;letter-spacing:3px}.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}.simple-page-layout__warp{position:fixed;top:0;left:0;bottom:0;right:0;overflow:auto;z-index:9}.simple-page-layout__bg{background-color:var(--el-color-primary);position:absolute;top:0;left:0;width:100%;height:100%;z-index:0;overflow:hidden;display:flex;flex-direction:column}.simple-page-layout__bg_title{height:36px;width:auto;margin-left:15px;padding:20px;box-sizing:content-box;color:#fff;font-size:28px;position:relative;z-index:1}.simple-page-layout__bg_title>img{height:100%;filter:invert(100%)}.simple-page-layout__bg_body{height:100%;flex:1;padding-left:10%;box-sizing:content-box;position:relative;z-index:1}.simple-page-layout__bg_body>svg{height:100%}.simple-page-layout__bg_block{width:100%;height:100%;position:absolute;right:-50%;transform:rotate(45deg);background-color:rgba(133,181,231,.3607843137);transform-origin:50% 50%;border-radius:10%}.simple-page-layout__bg_block.block2{transform:rotate(125deg)}.simple-page-layout__main{display:flex;position:relative;z-index:1;height:100%;width:100%;align-items:center;justify-content:end}.simple-page-layout__main_body{background-color:#fff;padding:50px 30px;border-radius:10px;min-height:50%;max-height:80%;margin-right:20%;overflow:auto}@media screen and (max-width:900px){.simple-page-layout__bg_title{height:18%;width:auto;box-sizing:content-box;display:flex;justify-content:center;align-items:center}.simple-page-layout__bg_title>img{height:50px;filter:invert(100%)}.simple-page-layout__bg_body{padding-left:0;display:flex;align-items:flex-end}.simple-page-layout__bg_body>svg{height:auto;width:100%}.simple-page-layout__main{justify-content:center}.simple-page-layout__main_body{width:95%;box-sizing:border-box;margin-right:0}}.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/simple-page-layout.css

@@ -0,0 +1 @@
+.simple-page-layout__warp{position:fixed;top:0;left:0;bottom:0;right:0;overflow:auto;z-index:9}.simple-page-layout__bg{background-color:var(--el-color-primary);position:absolute;top:0;left:0;width:100%;height:100%;z-index:0;overflow:hidden;display:flex;flex-direction:column}.simple-page-layout__bg_title{height:36px;width:auto;margin-left:15px;padding:20px;box-sizing:content-box;color:#fff;font-size:28px;position:relative;z-index:1}.simple-page-layout__bg_title>img{height:100%;filter:invert(100%)}.simple-page-layout__bg_body{height:100%;flex:1;padding-left:10%;box-sizing:content-box;position:relative;z-index:1}.simple-page-layout__bg_body>svg{height:100%}.simple-page-layout__bg_block{width:100%;height:100%;position:absolute;right:-50%;transform:rotate(45deg);background-color:rgba(133,181,231,.3607843137);transform-origin:50% 50%;border-radius:10%}.simple-page-layout__bg_block.block2{transform:rotate(125deg)}.simple-page-layout__main{display:flex;position:relative;z-index:1;height:100%;width:100%;align-items:center;justify-content:end}.simple-page-layout__main_body{background-color:#fff;padding:50px 30px;border-radius:10px;min-height:50%;max-height:80%;margin-right:20%;overflow:auto}@media screen and (max-width:900px){.simple-page-layout__bg_title{height:18%;width:auto;box-sizing:content-box;display:flex;justify-content:center;align-items:center}.simple-page-layout__bg_title>img{height:50px;filter:invert(100%)}.simple-page-layout__bg_body{padding-left:0;display:flex;align-items:flex-end}.simple-page-layout__bg_body>svg{height:auto;width:100%}.simple-page-layout__main{justify-content:center}.simple-page-layout__main_body{width:95%;box-sizing:border-box;margin-right:0}}

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:var(--mk-default-bg-color);border-right:1px solid var(--mk-container-border-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+.mk-bar__item{margin-top:10px}.mk-bar__item{position:relative;display:flex;align-items:center;justify-content:center;width:64px;margin:0 auto;flex-direction:column;cursor:pointer;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__projectName{margin-left:10px;letter-spacing:3px}.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}
+.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);border-right:1px solid var(--mk-container-border-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+.mk-bar__item{margin-top:10px}.mk-bar__item{position:relative;display:flex;align-items:center;justify-content:center;width:64px;margin:0 auto;flex-direction:column;cursor:pointer;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__projectName{margin-left:10px;letter-spacing:3px}.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}.simple-page-layout__warp{position:fixed;top:0;left:0;bottom:0;right:0;overflow:auto;z-index:9}.simple-page-layout__bg{background-color:var(--el-color-primary);position:absolute;top:0;left:0;width:100%;height:100%;z-index:0;overflow:hidden;display:flex;flex-direction:column}.simple-page-layout__bg_title{height:36px;width:auto;margin-left:15px;padding:20px;box-sizing:content-box;color:#fff;font-size:28px;position:relative;z-index:1}.simple-page-layout__bg_title>img{height:100%;filter:invert(100%)}.simple-page-layout__bg_body{height:100%;flex:1;padding-left:10%;box-sizing:content-box;position:relative;z-index:1}.simple-page-layout__bg_body>svg{height:100%}.simple-page-layout__bg_block{width:100%;height:100%;position:absolute;right:-50%;transform:rotate(45deg);background-color:rgba(133,181,231,.3607843137);transform-origin:50% 50%;border-radius:10%}.simple-page-layout__bg_block.block2{transform:rotate(125deg)}.simple-page-layout__main{display:flex;position:relative;z-index:1;height:100%;width:100%;align-items:center;justify-content:end}.simple-page-layout__main_body{background-color:#fff;padding:50px 30px;border-radius:10px;min-height:50%;max-height:80%;margin-right:20%;overflow:auto}@media screen and (max-width:900px){.simple-page-layout__bg_title{height:18%;width:auto;box-sizing:content-box;display:flex;justify-content:center;align-items:center}.simple-page-layout__bg_title>img{height:50px;filter:invert(100%)}.simple-page-layout__bg_body{padding-left:0;display:flex;align-items:flex-end}.simple-page-layout__bg_body>svg{height:auto;width:100%}.simple-page-layout__main{justify-content:center}.simple-page-layout__main_body{width:95%;box-sizing:border-box;margin-right:0}}.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/page/index.css

@@ -1 +1 @@
-.mk-local-log__main{height:100%}.mk-local-log__log{white-space:pre}.mk-local-log__dialog{height:80%}.member-info{height:80px;display:flex;align-items:center}.member-info-img{width:64px;height:64px;border-radius:50%;flex-shrink:0;display:flex;justify-content:center;align-items:center;background-color:#dbdbdc}.member-info-img__icon{font-size:28px}.member-info-text{display:flex;flex-direction:column;align-items:flex-start;margin-left:8px}.member-info-text__name{font-size:18px;font-weight:700}.roles-Info{width:100%}.roles-Info-tag{margin-left:4px;margin-right:4px}.ms-menu__title{margin:0 10px 0 5px}.ms-menu__url{font-size:12px}.login-wrap{position:fixed;top:0;left:0;bottom:0;right:0;overflow:auto;z-index:9}.login-wrap>.login-bg{background-color:#fcfcfc;position:absolute;top:0;left:0;width:100%;height:100%;z-index:0;overflow:hidden}.login-wrap>.login-bg>.login-bg-block{width:80vh;height:200%;background-color:#0078f5;position:absolute;top:0}.login-wrap>.login-bg>.login-bg-block:nth-child(1){left:100%;transform-origin:0 50%;transform:rotate(-30deg) translate(0,-50%)}.login-wrap>.login-bg>.login-bg-block:nth-child(2){right:100%;transform-origin:0 0;transform:rotate(-30deg) translate(-10%,0)}.login-wrap .operaBtn{color:#0078f5}.login-wrap .notify{color:#202d40;display:flex;align-items:center}.login-root{position:relative;display:flex;justify-content:center;width:100%;min-height:100%;align-items:center;background-color:initial;z-index:1;padding:5%;box-sizing:border-box}.login-main{position:relative;width:100%;min-width:320px}.form-container{transform-origin:top;display:flex;justify-content:center}.form-wrap{width:440px;max-width:calc(100vw - 28px);padding:30px;position:relative;overflow:hidden;background:hsla(0,0%,95%,.5);-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px)}.form-title{display:flex;align-items:center;justify-content:space-between;height:33px;margin:0 0 30px;color:#202d40;font-size:20px;font-weight:600}.form-title span{height:20px;color:#8592a5;font-size:14px;font-weight:400}.form-title a{color:#06f}
+.mk-local-log__main{height:100%}.mk-local-log__log{white-space:pre}.mk-local-log__dialog{height:80%}.member-info{height:80px;display:flex;align-items:center}.member-info-img{width:64px;height:64px;border-radius:50%;flex-shrink:0;display:flex;justify-content:center;align-items:center;background-color:#dbdbdc}.member-info-img__icon{font-size:28px}.member-info-text{display:flex;flex-direction:column;align-items:flex-start;margin-left:8px}.member-info-text__name{font-size:18px;font-weight:700}.roles-Info{width:100%}.roles-Info-tag{margin-left:4px;margin-right:4px}.ms-menu__title{margin:0 10px 0 5px}.ms-menu__url{font-size:12px}.login-wrap{position:fixed;top:0;left:0;bottom:0;right:0;overflow:auto;z-index:9}.login-wrap .login-form-wrap{width:440px}.login-wrap .login-form-title{height:33px;text-align:center;margin:0 0 30px;color:#202d40;font-size:24px;font-weight:600}.login-wrap .login-form-item{display:flex;align-items:center;justify-content:space-between;height:33px;margin:0 0 24px;color:#202d40;font-size:16px}.login-wrap .login-form-item>span{height:20px;color:#8592a5;font-size:14px;font-weight:400}@media screen and (max-width:900px){.login-wrap .login-form-wrap{width:95%}.login-wrap .login-form-title{height:33px;text-align:center;margin:0 0 30px;color:#202d40;font-size:24px;font-weight:600}.login-wrap .login-form-item{display:flex;align-items:center;justify-content:space-between;height:33px;margin:0 0 24px;color:#202d40;font-size:16px}.login-wrap .login-form-item>span{height:20px;color:#8592a5;font-size:14px;font-weight:400}}

package/dist/style/page/login.css

@@ -1 +1 @@
-.login-wrap{position:fixed;top:0;left:0;bottom:0;right:0;overflow:auto;z-index:9}.login-wrap>.login-bg{background-color:#fcfcfc;position:absolute;top:0;left:0;width:100%;height:100%;z-index:0;overflow:hidden}.login-wrap>.login-bg>.login-bg-block{width:80vh;height:200%;background-color:#0078f5;position:absolute;top:0}.login-wrap>.login-bg>.login-bg-block:nth-child(1){left:100%;transform-origin:0 50%;transform:rotate(-30deg) translate(0,-50%)}.login-wrap>.login-bg>.login-bg-block:nth-child(2){right:100%;transform-origin:0 0;transform:rotate(-30deg) translate(-10%,0)}.login-wrap .operaBtn{color:#0078f5}.login-wrap .notify{color:#202d40;display:flex;align-items:center}.login-root{position:relative;display:flex;justify-content:center;width:100%;min-height:100%;align-items:center;background-color:initial;z-index:1;padding:5%;box-sizing:border-box}.login-main{position:relative;width:100%;min-width:320px}.form-container{transform-origin:top;display:flex;justify-content:center}.form-wrap{width:440px;max-width:calc(100vw - 28px);padding:30px;position:relative;overflow:hidden;background:hsla(0,0%,95%,.5);-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px)}.form-title{display:flex;align-items:center;justify-content:space-between;height:33px;margin:0 0 30px;color:#202d40;font-size:20px;font-weight:600}.form-title span{height:20px;color:#8592a5;font-size:14px;font-weight:400}.form-title a{color:#06f}
+.login-wrap{position:fixed;top:0;left:0;bottom:0;right:0;overflow:auto;z-index:9}.login-wrap .login-form-wrap{width:440px}.login-wrap .login-form-title{height:33px;text-align:center;margin:0 0 30px;color:#202d40;font-size:24px;font-weight:600}.login-wrap .login-form-item{display:flex;align-items:center;justify-content:space-between;height:33px;margin:0 0 24px;color:#202d40;font-size:16px}.login-wrap .login-form-item>span{height:20px;color:#8592a5;font-size:14px;font-weight:400}@media screen and (max-width:900px){.login-wrap .login-form-wrap{width:95%}.login-wrap .login-form-title{height:33px;text-align:center;margin:0 0 30px;color:#202d40;font-size:24px;font-weight:600}.login-wrap .login-form-item{display:flex;align-items:center;justify-content:space-between;height:33px;margin:0 0 24px;color:#202d40;font-size:16px}.login-wrap .login-form-item>span{height:20px;color:#8592a5;font-size:14px;font-weight:400}}

package/dist/style/src/components/page-container.scss

@@ -16,5 +16,6 @@
   > .mk-data-form {
     width: 100%;
     height: 100%;
+    background-color: white;
   }
 }

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

@@ -1,6 +1,7 @@
 @use "./bar.scss";
 @use "./menu.scss";
 @use "./header.scss";
+@use "./simple-page-layout.scss";
 
 .mk-layout-default {
   height: 100%;

package/dist/style/src/layouts/default/simple-page-layout.scss

@@ -0,0 +1,132 @@
+
+
+.simple-page-layout{
+
+  &__warp{
+    position: fixed;
+    top: 0;
+    left: 0;
+    bottom: 0;
+    right: 0;
+    overflow: auto;
+    z-index: 9;
+  }
+
+  &__bg{
+    background-color: var(--el-color-primary);
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    z-index: 0;
+    overflow: hidden;
+    display: flex;    
+    flex-direction: column;
+
+    &_title{
+      height: 36px;
+      width: auto;
+      margin-left: 15px;
+      padding: 20px;
+      box-sizing: content-box;
+      color: #fff;
+      font-size: 28px;
+      position: relative;
+      z-index: 1;
+      >img{
+        height: 100%;
+        filter: invert(100%);
+      }
+    }
+    &_body{
+      height: 100%;
+      flex: 1;
+      padding-left: 10%;
+      box-sizing: content-box;
+      position: relative;
+      z-index: 1;
+
+      >svg{
+        height: 100%;
+      }
+    }
+    &_block{
+      width: 100%;
+      height: 100%;
+      position: absolute;
+      // top: 50%;
+      right: -50%;
+      transform: rotate(45deg);
+      background-color: #85b5e75c;
+      transform-origin: 50% 50%;
+      border-radius: 10%;
+
+      &.block2{
+        transform: rotate(125deg);
+      }
+    }
+  }
+
+  &__main{
+    display: flex;
+    position: relative;
+    z-index: 1;
+    height: 100%;
+    width: 100%;
+    align-items: center;
+    justify-content: end;
+
+    &_body{
+      background-color: #fff;
+      padding: 50px 30px;
+      border-radius: 10px;
+      min-height: 50%;    
+      max-height: 80%;
+      margin-right: 20%;
+      overflow: auto;
+    }
+  }
+}
+
+
+@media screen and (max-width: 900px) {
+
+  .simple-page-layout{
+
+    &__bg{
+     
+      &_title{
+        height: 18%;
+        width: auto;
+        box-sizing: content-box;
+        display: flex;
+        justify-content: center;
+        align-items: center;
+
+        >img{
+          height: 50px;
+          filter: invert(100%);
+        }
+      }
+      &_body{
+        padding-left: 0%;
+        display: flex;
+        align-items: flex-end;
+        >svg{
+          height: auto;
+          width: 100%;
+        }
+      }
+    }
+
+    &__main{
+      justify-content: center;
+      &_body{
+        width: 95%;
+        box-sizing: border-box;
+        margin-right: 0%;
+      }
+    }
+  }
+} 

package/dist/style/src/page/login.scss

@@ -7,101 +7,75 @@
   overflow: auto;
   z-index: 9;
 
-  > .login-bg {
-    background-color: #fcfcfc;
-    position: absolute;
-    top: 0;
-    left: 0;
-    width: 100%;
-    height: 100%;
-    z-index: 0;
-    overflow: hidden;
+  // .simple-page-layout__main{
+  //   justify-content: flex-end;
+  //   &_body{
+  //     border-radius: 10px 0 0 10px;
+  //   }
+  // }
 
-    > .login-bg-block {
-      width: 80vh;
-      height: 200%;
-      background-color: #0078f5;
-      position: absolute;
-      top: 0;
-
-      &:nth-child(1) {
-        left: 100%;
-        transform-origin: 0% 50%;
-        transform: rotate(-30deg) translate(0%, -50%);
-      }
-      &:nth-child(2) {
-        right: 100%;
-        transform-origin: 0% 0%;
-        transform: rotate(-30deg) translate(-10%, 0%);
-      }
-    }
-  }
-
-  .operaBtn {
-    color: #0078f5;
+  .login-form-wrap {
+    width: 440px;
   }
-
-  .notify {
+  .login-form-title {
+    height: 33px;
+    text-align: center;
+    margin: 0 0 30px;
     color: #202d40;
+    font-size: 24px;
+    font-weight: 600;
+  }
+  .login-form-item {
     display: flex;
     align-items: center;
-  }
-}
-
-.login-root {
-  position: relative;
-  display: flex;
-  justify-content: center;
-  width: 100%;
-  min-height: 100%;
-  align-items: center;
-  background-color: initial;
-  z-index: 1;
-  padding: 5%;
-  box-sizing: border-box;
-}
-
-.login-main {
-  position: relative;
-  width: 100%;
-  min-width: 320px;
-}
+    justify-content: space-between;
+    height: 33px;
+    margin: 0 0 24px;
+    color: #202d40;
+    font-size: 16px;
 
-.form-container {
-  transform-origin: top;
-  display: flex;
-  justify-content: center;
-}
+    >span {
+      height: 20px;
+      color: #8592a5;
+      font-size: 14px;
+      font-weight: 400;
+    }
 
-.form-wrap {
-  width: 440px;
-  max-width: calc(100vw - 28px);
-  padding: 30px;
-  position: relative;
-  overflow: hidden;
-  background: hsla(0, 0%, 95%, 0.5);
-  -webkit-backdrop-filter: blur(30px);
-  backdrop-filter: blur(30px);
+  }
 }
 
-.form-title {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  height: 33px;
-  margin: 0 0 30px;
-  color: #202d40;
-  font-size: 20px;
-  font-weight: 600;
 
-  span {
-    height: 20px;
-    color: #8592a5;
-    font-size: 14px;
-    font-weight: 400;
-  }
 
-  a {
-    color: #06f;
+@media screen and (max-width: 900px) {
+  .login-wrap {
+  
+    .login-form-wrap {
+      width: 95%;
+    }
+    .login-form-title {
+      height: 33px;
+      text-align: center;
+      margin: 0 0 30px;
+      color: #202d40;
+      font-size: 24px;
+      font-weight: 600;
+    }
+    .login-form-item {
+      display: flex;
+      align-items: center;
+      justify-content: space-between;
+      height: 33px;
+      margin: 0 0 24px;
+      color: #202d40;
+      font-size: 16px;
+  
+      >span {
+        height: 20px;
+        color: #8592a5;
+        font-size: 14px;
+        font-weight: 400;
+      }
+  
+    }
   }
-}
+} 

package/dist/types/layouts/components/simple-page-layout/index.vue.d.ts

@@ -0,0 +1,11 @@
+declare function __VLS_template(): {
+    default?(_: {}): any;
+};
+declare const __VLS_component: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/types/layouts/components/simple-page-layout/team-image.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>;
+export default _default;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@maketribe/ms-app",
-  "version": "3.2.18",
+  "version": "3.2.20",
   "description": "",
   "main": "dist/cjs",
   "module": "dist/esm",
@@ -51,9 +51,9 @@
     "vue-cropper": "^1.1.3",
     "vue-router": "^4.2.4",
     "yjs": "^13.6.14",
-    "@maketribe/dm": "^3.2.7",
-    "@maketribe/utils": "^3.2.1",
+    "@maketribe/dm": "^3.2.8",
     "@maketribe/locale": "^3.2.0",
+    "@maketribe/utils": "^3.2.1",
     "@maketribe/request": "^3.2.3"
   },
   "devDependencies": {