fix: cover tailwind class

biaogebusy · May 6, 2024 · 9842468 · 9842468
1 parent 54d4b7d
commit 9842468
Show file tree

Hide file tree

Showing 5 changed files with 6 additions and 13 deletions.
diff --git a/README.md b/README.md
@@ -3,7 +3,7 @@
 <p align="center">
   <img src="src/assets/images/logo/logo-white.png" alt="logo" width="100px"/>
   <br>
-  <i>信使 Web builder 是基于 Material 的 Angular 低代码前端框架，丰富的组件库可提供优秀的数字创新体验，<br>通过拖拽快速构建响应式、多主题的 Web 页面。
+  <i>信使 Web builder 是基于 Material 的 Angular 低代码前端框架，丰富的组件库可提供优秀的数字创新体验，<br>通过拖拽快速构建响应式、多主题、多语言的 Web 页面。
     </i>
   <br>
 </p>

diff --git a/src/app/app.component.html b/src/app/app.component.html
@@ -1,4 +1,4 @@
-<div *ngIf="loading" class="loading-container">
+<div *ngIf="loading" class="loading-container flex fixed top-0 left-0 w-screen h-screen z-10">
   <div class="loader">Loading...</div>
 </div>
 <ngx-loading-bar [includeSpinner]="false" *ngIf="coreConfig?.loadingBar"></ngx-loading-bar>

diff --git a/src/app/app.component.scss b/src/app/app.component.scss
@@ -13,12 +13,5 @@
 }
 
 .loading-container {
-  display: flex;
-  position: fixed;
-  top: 0;
-  left: 0;
-  width: 100vw;
-  height: 100vh;
   background-color: rgba(255, 255, 255, 1);
-  z-index: 5;
 }
diff --git a/src/app/core/branding/manage-sidebar/manage-sidebar.component.html b/src/app/core/branding/manage-sidebar/manage-sidebar.component.html
@@ -1,4 +1,4 @@
-<div class="height-100" *ngIf="branding$ | async as branding" [ngClass]="branding.header?.sidebar?.classes">
+<div class="h-full" *ngIf="branding$ | async as branding" [ngClass]="branding.header?.sidebar?.classes">
   <div class="manage-sidebar {{drawer.opened?'opened':'expanded'}}" *reqRolesIf="branding.header?.sidebar">
     <div class="manage-brand p-y-sm p-x-sm" *ngIf="branding.header?.sidebar as sidebar">
       <app-logo *ngIf="!sidebar?.params.showUser; else profile" [content]="sidebar.logo"></app-logo>
@@ -41,4 +41,4 @@
       </div>
     </div>
   </div>
-</div>
+</div>
diff --git a/src/app/modules/user/login/login.component.html b/src/app/modules/user/login/login.component.html
@@ -7,7 +7,7 @@
     </div>
     <div class="login-form relative" [class.is-login]="currentUser.authenticated" fxFlex.xs="100" fxFlex.gt-xs="50"
       fxLayout="column" fxLayoutAlign="center center">
-      <div class="width-100 form-scroll" *ngIf="!loading">
+      <div class="w-full form-scroll" *ngIf="!loading">
         <ng-container *ngIf="!currentUser.authenticated">
           <div *ngIf="error" class="error p-y-xs p-x-xs m-bottom-xs">{{error}}
           </div>
@@ -80,4 +80,4 @@ <h1 class="mat-h1 text-base">
     </div>
     <div class="mark-bg absolute"></div>
   </div>
-</div>
+</div>