style: management page style optimization

Change-Id: I7aec6473ab0a0d33646896e8655497a5f185ee1b
Issue-ID: USECASEUI-307
Signed-off-by: cyuamber <xuranyjy@chinamobile.com>

diff --git a/usecaseui-portal/src/app/views/management/management.component.html b/usecaseui-portal/src/app/views/management/management.component.html
index c96f025..4e0ac36 100644 (file)
--- a/usecaseui-portal/src/app/views/management/management.component.html
+++ b/usecaseui-portal/src/app/views/management/management.component.html
@@ -13,15 +13,14 @@
     See the License for the specific language governing permissions and
     limitations under the License.
 -->
-<div class="content" style="padding: 20px 20px;height: 100vh">
+<div class="content">
   <div class="management" *ngIf="nocuster">
     <div class="title">
       <p> {{"i18nTextDefine_Create_initial_customer" | translate}} </p>
       <span> {{"i18nTextDefine_Customer_not_in_ONAP" | translate}} </span>
       <span> {{"i18nTextDefine_CreateCustomer" | translate}} </span>
-      <img src="../../../assets/images/customer01.png" alt="">
-      <input nz-input placeholder=" {{'i18nTextDefine_Input_customerName' | translate}} " nzSize="large"
-        style="height: 50px" [(ngModel)]="firstCustomer">
+      <img src="assets/images/customer01.png" alt="">
+      <input nz-input placeholder=" {{'i18nTextDefine_Input_customerName' | translate}} " nzSize="large" [(ngModel)]="firstCustomer">
       <div class="action">
         <button nz-button nzType="primary" class="cancel" (click)="clearCustomerInput()">
           {{"i18nTextDefine_Cancel" | translate}} </button>
@@ -30,10 +29,10 @@
       </div>
     </div>
     <div class="image">
-      <img src="../../../assets/images/customer02.png" alt="">
+      <img src="assets/images/customer02.png" alt="">
     </div>
   </div>
-  <div *ngIf="!nocuster" style="height: 100%">
+  <div *ngIf="!nocuster">
     <app-customer></app-customer>
   </div>
 </div>
\ No newline at end of file

diff --git a/usecaseui-portal/src/app/views/management/management.component.less b/usecaseui-portal/src/app/views/management/management.component.less
index 5a3a0f4..1044c4d 100644 (file)
--- a/usecaseui-portal/src/app/views/management/management.component.less
+++ b/usecaseui-portal/src/app/views/management/management.component.less
@@ -14,6 +14,8 @@
     limitations under the License.
 */
 .content {
+    padding: 20px 20px;
+    height: 100vh;
     .management {
         width: 100%;
         .title {
@@ -38,10 +40,11 @@
                 margin-bottom: 5%;
             }
             input {
+                display: block;
                 width: 50%;
+                height: 50px;
                 margin: 0 auto;
                 margin-bottom: 5%;
-                display: block;
 
             }
             .action{
@@ -75,5 +78,8 @@
             }
         }
     }
+    div:last-child{
+        height: 100%;
+    }
    
 }
\ No newline at end of file