update ui client detail

huynvntpi · Sep 27, 2024 · ad20ef8 · ad20ef8
1 parent fe2b389
commit ad20ef8
Show file tree

Hide file tree

Showing 4 changed files with 20 additions and 5 deletions.
diff --git a/src/app/components/app/app.component.html b/src/app/components/app/app.component.html
@@ -193,7 +193,9 @@
             <a [routerLink]="route" [title]="route">{{route}}</a>
           </ng-container>
           <ng-template #lastBreadcrumb>
-            <span style="max-width: 10px !important; text-overflow: ellipsis;">{{route}}</span>
+            <div style="width: 100px; overflow: hidden; text-overflow: ellipsis;" >
+              <span>{{route}}</span>
+            </div>
           </ng-template>
         </li>
       </ol>

diff --git a/src/app/components/client-detail/client-detail.component.html b/src/app/components/client-detail/client-detail.component.html
@@ -30,11 +30,11 @@ <h2 class="page-title mb-3">Edit Client: {{client['client_name']}}</h2>
           *ngIf="client.token_endpoint_auth_method.startsWith('client_secret')"></app-inputfield>
 
       <!--Private Key-->
-      <div class="my-2 card-element" *ngIf="client.token_endpoint_auth_method.startsWith('private_key')">
+      <div class="my-2" *ngIf="client.token_endpoint_auth_method.startsWith('private_key')">
         <ngb-alert [type]="'info'" [dismissible]="false" class="my-2">
           Copy a certificate in here, if you want to replace it. Leave empty to delete the certificate.
         </ngb-alert>
-        <textarea class="form-control " name="certificate" aria-label="New Certificate"
+        <textarea class="form-control rounded-lg" name="certificate" aria-label="New Certificate"
           [(ngModel)]="cert.certificate" rows="4">{{cert.certificate}}</textarea>
       </div>
     </div>

diff --git a/src/app/components/inputfield/inputfield.component.css b/src/app/components/inputfield/inputfield.component.css
@@ -56,4 +56,17 @@
     line-height: 16.94px;
     text-align: left;
     color: #4E5F6F;
+}
+
+.enum-multi-form-control {
+    border-radius: 10px !important;
+    min-height: 60px;
+}
+
+.enum-multi-form-control option {
+    font-size: 14px;
+    font-weight: 400;
+    line-height: 16.94px;
+    text-align: left;
+    color: rgba(8, 8, 44, 1);
 }
diff --git a/src/app/components/inputfield/inputfield.component.html b/src/app/components/inputfield/inputfield.component.html
@@ -10,7 +10,7 @@
     <select [(ngModel)]="value" (ngModelChange)="valueChange.emit($event)" class="form-control" [disabled]="static" *ngIf="getType() == 'enum'">
       <option *ngFor="let val of options" [value]="val">{{val}}</option>
     </select>
-    <select multiple class="form-control" [(ngModel)]="value" (ngModelChange)="valueChange.emit($event)" [size]="options.length"  [disabled]="static" *ngIf="getType() == 'enum-multi'">
+    <select multiple class="form-control enum-multi-form-control" [(ngModel)]="value" (ngModelChange)="valueChange.emit($event)" [size]="options.length"  [disabled]="static" *ngIf="getType() == 'enum-multi'">
       <option *ngFor="let val of options" [value]="val">{{val}}</option>
     </select>
 
@@ -66,7 +66,7 @@
     <select [(ngModel)]="value" (ngModelChange)="valueChange.emit($event)" class="form-control" [disabled]="static" *ngIf="getType() == 'enum'">
       <option *ngFor="let val of options" [value]="val">{{val}}</option>
     </select>
-    <select multiple class="form-control" [(ngModel)]="value" (ngModelChange)="valueChange.emit($event)" [size]="options.length"  [disabled]="static" *ngIf="getType() == 'enum-multi'">
+    <select multiple class="form-control enum-multi-form-control" [(ngModel)]="value" (ngModelChange)="valueChange.emit($event)" [size]="options.length"  [disabled]="static" *ngIf="getType() == 'enum-multi'">
       <option *ngFor="let val of options" [value]="val">{{val}}</option>
     </select>
   </div>