slicing design baru

This commit is contained in:
2024-07-17 11:51:29 +07:00
parent 7bc1fa5fe9
commit bd1cd42ed6
29 changed files with 511 additions and 272 deletions

View File

@@ -1,14 +1,14 @@
<div class="modal-header" style="background-color: #000000 !important">
<h4 class="modal-title" style="color: #ffffff">{{labelModal}}</h4>
<div class="modal-header" style="background-color: #FBFBFB !important">
<h4 class="modal-title" style="color: #242222">{{labelModal}}</h4>
<button type="button" class="close" aria-label="Close" (click)="activeModal.dismiss('Cross click')">
<span aria-hidden="true">&times;</span>
</button>
</div>
<div class="modal-body" style="background-color: #000000 !important">
<div class="modal-body" style="background-color: #FBFBFB !important">
<form [formGroup]="myForm">
<div class="form-row">
<div class="form-group col-md-6">
<label for="name" style="color: #ffffff">Name:</label>
<label for="name" style="color: #242222">Name:</label>
<input
type="text"
class="form-control"
@@ -21,14 +21,14 @@
</div>
</div>
<div class="form-group col-md-6" *ngIf="category">
<label for="icon" style="color: #ffffff">Icon:</label>
<label for="icon" style="color: #242222">Icon:</label>
<app-select-icon [selectedIcon]="selectedIcon" (iconSelected)="onIconSelected($event)"></app-select-icon>
<div *ngIf="myForm.get('icon').touched && myForm.get('icon').invalid" class="text-danger">
Icon is required.
</div>
</div>
<div class="form-group col-md-6">
<label for="status" style="color: #ffffff">Status:</label>
<label for="status" style="color: #242222">Status:</label>
<select
id="projectinput5"
class="form-control"
@@ -45,18 +45,18 @@
</div>
</form>
</div>
<div class="modal-footer" style="background-color: #000000 !important">
<div class="modal-footer" style="background-color: #FBFBFB !important">
<button
type="button"
class="btn btn-secondary"
style="color: #c3f164 !important; background-color: #000000 !important; border-color: #c3f164 !important;"
style="color: #242222 !important; background-color: #FBFBFB !important; border-color: #FBFBFB !important;"
(click)="activeModal.dismiss('Cross click')"
>
Close
</button>
<button
type="button"
style="color: #000000 !important; background-color: #c3f164 !important"
style="color: #ffffff !important; background-color: #37A647 !important"
class="btn btn-primary"
(click)="addRow()"
>