@maketribe/ms-app 3.2.18 → 3.2.19

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.19",
   "description": "",
   "main": "dist/cjs",
   "module": "dist/esm",