alihan/odo
1
0
Fork 0
mirror of https://github.com/redhat-developer/odo.git synced 2025-10-19 03:06:19 +03:00
Code Issues Packages Projects Releases Wiki Activity

Display icon in metadata (#7078)

Browse Source 
* Display metadata icon

* UI static files
This commit is contained in:
Philippe Martin
2023-09-08 14:45:21 +02:00
committed by GitHub
parent 1d96115c45
commit bfffaa8879
5 changed files with 10 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
ui/src/app/forms/metadata/metadata.component.css
View File

@@ -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%; }

5
ui/src/app/forms/metadata/metadata.component.html
View File

@@ -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>