perbaikan css

This commit is contained in:
Fuzi_fauzia 2024-07-12 16:04:47 +07:00
parent 9a0d0d919e
commit 45f3c9b86b

View File

@ -1,9 +1,9 @@
/* modal-add-edit.component.css */ /* modal-add-edit.component.css */
::ng-deep .modal-backdrop.show { ::ng-deep .modal-backdrop.show {
z-index: auto !important; z-index: auto !important;
} }
/*
::ng-deep .input-group-append .btn { ::ng-deep .input-group-append .btn {
border-top-left-radius: 0; border-top-left-radius: 0;
border-bottom-left-radius: 0; border-bottom-left-radius: 0;
border-radius: 0; border-radius: 0;
@ -11,34 +11,33 @@
flex-grow: 0; flex-grow: 0;
border-left: 1px solid #ced4da; border-left: 1px solid #ced4da;
padding: 0.375rem 0.75rem; padding: 0.375rem 0.75rem;
} }
::ng-deep .input-group { ::ng-deep .input-group {
display: flex; display: flex;
flex-wrap: nowrap; /* Prevents wrapping of the items */ flex-wrap: nowrap;
align-items: center; align-items: center;
} }
::ng-deep .form-control { ::ng-deep .form-control {
flex-grow: 1; /* Ensures select takes up available space */ flex-grow: 1;
padding-right: 0.5rem; padding-right: 0.5rem;
} }
::ng-deep .input-group select, ::ng-deep .input-group select,
::ng-deep .input-group .input-group-append .btn { ::ng-deep .input-group .input-group-append .btn {
padding-right: 5px; /* Adjust padding if necessary */ padding-right: 5px;
} }
::ng-deep .input-group .form-control { ::ng-deep .input-group .form-control {
margin-right: 2px; /* Adjust margin to make space */ margin-right: 2px;
} }
.form-group {
.form-group {
margin-bottom: 1rem; margin-bottom: 1rem;
} }
.form-control { .form-control {
display: block; display: block;
width: 100%; width: 100%;
height: calc(1.5em + 0.75rem + 2px); height: calc(1.5em + 0.75rem + 2px);
@ -52,5 +51,4 @@
border: 1px solid #ced4da; border: 1px solid #ced4da;
border-radius: 0.25rem; border-radius: 0.25rem;
transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
} } */