Merge d6207ab into 56b868d

redhat-developer · Sep 8, 2023 · c8e14ba · c8e14ba
2 parents 56b868d + d6207ab
commit c8e14ba
Show file tree

Hide file tree

Showing 5 changed files with 10 additions and 3 deletions.
diff --git a/pkg/apiserver-impl/ui/index.html b/pkg/apiserver-impl/ui/index.html
diff --git a/pkg/apiserver-impl/ui/main.30e0dd4eb9375796.js b/pkg/apiserver-impl/ui/main.30e0dd4eb9375796.js
diff --git a/pkg/apiserver-impl/ui/main.d957dce3ad7f15a1.js b/pkg/apiserver-impl/ui/main.d957dce3ad7f15a1.js
diff --git a/ui/src/app/forms/metadata/metadata.component.css b/ui/src/app/forms/metadata/metadata.component.css
@@ -1,3 +1,7 @@
 .main { padding: 16px; }
 mat-form-field.full-width { width: 100%; }
 mat-form-field.mid-width { width: 50%; }
+.quart-width { width: 25%; }
+.icon-display { display: inline-flex; position: relative; left: 16px; top: 22px; }
+.width-10 { width: 10%; }
+.width-40 { width: 40%; }
diff --git a/ui/src/app/forms/metadata/metadata.component.html b/ui/src/app/forms/metadata/metadata.component.html
@@ -34,8 +34,11 @@
             <mat-label>Icon</mat-label>
             <input placeholder="Can be a URI or a relative path in the project" matInput formControlName="icon">
         </mat-form-field>
+        <span class="icon-display width-10">
+            <img width="56" [src]="form.controls['icon'].value">
+        </span>
 
-        <mat-form-field appearance="outline" class="mid-width">
+        <mat-form-field appearance="outline" class="width-40">
             <mat-label>Global Memory Limit</mat-label>
             <input placeholder="Informative limit of memory used by the devfile. Ex: 1Gi" matInput formControlName="globalMemoryLimit">
         </mat-form-field>