ps-toolkit-ui 0.0.242 → 0.0.423
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/bundles/ps-toolkit-ui.umd.js +1 -1
- package/bundles/ps-toolkit-ui.umd.min.js +1 -1
- package/bundles/ps-toolkit-ui.umd.min.js.map +1 -1
- package/esm2015/lib/components/login/login.component.js +1 -1
- package/fesm2015/ps-toolkit-ui.js +1 -1
- package/package.json +1 -1
- package/ps-toolkit-ui.metadata.json +1 -1
|
@@ -6956,7 +6956,7 @@
|
|
|
6956
6956
|
{ type: core.Component, args: [{
|
|
6957
6957
|
selector: 'lib-login',
|
|
6958
6958
|
template: "<div id=\"Login\">\r\n <div class=\"triangles\">\r\n <i class=\"triangle triangle-1 fas fa-caret-left\"></i>\r\n <i class=\"triangle triangle-2 fas fa-caret-left\"></i>\r\n <i class=\"triangle triangle-3 fas fa-caret-left\"></i>\r\n <i class=\"triangle triangle-4 fas fa-caret-left\"></i>\r\n </div>\r\n <div class=\"form-c\">\r\n <ng-container *ngFor=\"let step of login.steps; let i = index\">\r\n <div class=\"form\" *ngIf=\"i === login.active\">\r\n <lib-form [form]=step.form></lib-form>\r\n </div>\r\n </ng-container>\r\n </div>\r\n <div class=\"about-c\">\r\n <div class=\"about\">\r\n <div class=\"info\">\r\n <div class=\"logo\"></div>\r\n <div class=\"title\">\r\n {{ l('Base') }}\r\n </div>\r\n <div class=\"sub-title\">\r\n {{ l('BaseDesc') }}\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n</div>\r\n",
|
|
6959
|
-
styles: ["#Login{background-color:#fff;border-radius:5px;float:right;
|
|
6959
|
+
styles: ["#Login{background-color:#fff;border-radius:5px;float:right;height:calc(100vh - 35px);overflow-y:auto;position:relative;width:100%}#Login .about-c,#Login .form-c{align-items:center;display:flex;float:left;justify-content:center;min-height:calc(100vh - 35px);position:relative;width:50%;z-index:2}#Login .form-c{box-shadow:19px 0 35px -7px rgba(0,0,0,.05)}#Login .form-c .form{margin:0 auto;width:60%}#Login .about,#Login .about .info{border-radius:0 5px 5px 0;float:right;position:relative;width:100%}#Login .about .info{z-index:2}#Login .triangles{border-radius:0 5px 5px 0;height:100%;overflow:hidden;position:absolute;width:100%;z-index:1}#Login .triangles .triangle{color:var(--base);opacity:.2;position:absolute}#Login .triangles .triangle-1{font-size:656px;right:-150px;top:50px}#Login .triangles .triangle-2{font-size:1000px;right:-240px;top:150px}#Login .triangles .triangle-3{font-size:900px;right:-220px;top:-347px}#Login .triangles .triangle-4{font-size:900px;right:-250px;top:450px}#Login .about .logo{background-position:50%;background-repeat:no-repeat;background-size:cover;height:200px;margin:0 auto;position:relative;width:200px}#Login .about .title{font-family:VazirBold;font-size:25px;font-weight:bolder;height:40px;line-height:40px;margin-top:20px;width:100%}#Login .about .sub-title,#Login .about .title{float:right;position:relative;text-align:center}#Login .about .sub-title{font-family:VazirLight;font-size:12px;line-height:30px;margin-right:10%;padding:20px;width:80%}#Login .form-c .form .title{float:right;font-family:VazirBold;font-size:25px;height:50px;line-height:50px;margin-bottom:10px;margin-top:30px;text-align:center;width:100%}#Login .form-c .form .sub-title{color:var(--black-88);float:right;font-family:VazirLight;font-size:12px;height:30px;line-height:30px;text-align:center;width:100%}#Login .form-c .form .title i{color:var(--base);font-size:30px;left:5px;margin-left:5px;position:relative;top:7px}::ng-deep #Login .form-c .form .title{float:right;font-family:VazirBold;font-size:25px;height:50px;line-height:50px;margin-bottom:10px;margin-top:30px;text-align:center;width:100%}::ng-deep #Login .form-c .form .sub-title{margin-bottom:20px;text-align:center}::ng-deep #Login .form-c .form .sub-title:after{background-image:none!important}@media (max-width:399.98px){#Login{height:calc(100vh - 60px)}#Login .about-c,#Login .form-c{float:right;min-height:calc(100vh - 60px);width:100%}#Login .form-c .form{width:100%}#Login .about .info{padding:10px 5px 5px}#Login .about .logo{height:100px;width:100px}}@media (min-width:400px) and (max-width:499.98px){#Login{height:calc(100vh - 60px)}#Login .about-c,#Login .form-c{float:right;min-height:calc(100vh - 60px);width:100%}#Login .form-c .form{width:80%}#Login .about .info{padding:10px}#Login .about .logo{height:100px;width:100px}}@media (min-width:500px) and (max-width:599.98px){#Login{height:calc(100vh - 60px)}#Login .about-c,#Login .form-c{float:right;min-height:calc(100vh - 60px);width:100%}#Login .form-c .form{float:right;margin-right:15%;width:70%}#Login .about .info{padding:10px}#Login .about .logo{height:150px;width:150px}}@media (min-width:600px) and (max-width:699.98px){#Login .about-c,#Login .form-c{float:right;width:100%}#Login .form-c .form{float:right;margin-right:15%;width:70%}#Login .about .info{padding:10px}#Login .about .logo{height:150px;width:150px}}@media (min-width:700px) and (max-width:799.98px){#Login .form-c .form{width:90%}}@media (min-width:800px) and (max-width:899.98px){#Login .form-c .form{width:90%}}@media (min-width:900px) and (max-width:999.98px){#Login .form-c .form{width:80%}}@media (min-width:1000px) and (max-width:1099.98px){#Login .form-c .form{width:80%}}@media (min-width:1100px) and (max-width:1199.98px){#Login .form-c .form{width:70%}}@media (min-width:1200px) and (max-width:1299.98px){#Login .form-c .form{width:70%}}"]
|
|
6960
6960
|
},] }
|
|
6961
6961
|
];
|
|
6962
6962
|
LoginComponent.ctorParameters = function () { return [
|