vnms_admin_fe/src/app/pages/driver/driver.component.scss
2023-07-15 09:53:04 +05:30

128 lines
3.3 KiB
SCSS

@import '../../@theme/styles/themes';
@include nb-install-component() {
nb-card {
transform: translate3d(0, 0, 0);
}
}
// ::ng-deep nb-window {
// flex: 1 0 auto;
// min-width: 20rem !important;
// }
.align-left{
text-align: left !important;
}
.align-center{
text-align: center !important;
}
.align-right{
text-align: right !important;
}
::ng-deep :not(.dark-theme) .ng-data-table-container .ng-data-table tbody > tr.row-even td {
background: white;
font-family: var(--smart-table-font-family);
font-size: var(--smart-table-font-size);
font-weight: var(--smart-table-font-weight);
line-height: var(--smart-table-line-height);
color: var(--smart-table-fg);
}
::ng-deep :not(.dark-theme) .ng-data-table-container .ng-data-table thead > tr .ng-data-table-column-header .ng-data-table-column-header-label:first-child {
font-size: 18px;padding: 10px; color: #1e6bb8;
text-decoration: none;
font-family: var(--smart-table-header-font-family);
font-size: var(--smart-table-header-font-size);
font-weight: var(--smart-table-header-font-weight);
line-height: var(--smart-table-header-line-height);
}
::ng-deep :not(.dark-theme) .ng-data-table-container .ng-data-table tbody > tr.row-odd td {
font-family: var(--smart-table-font-family);
font-size: var(--smart-table-font-size);
font-weight: var(--smart-table-font-weight);
line-height: var(--smart-table-line-height);
color: var(--smart-table-fg);
}
::ng-deep :not(.dark-theme) .ng-data-table-container .ng-data-table-content-container .ng-data-table-content {
min-height: 100px !important;
font-size: 18px;
}
::ng-deep :not(.dark-theme) .ng-data-table-container .ng-data-table thead > tr:last-child th {
background-color:#fff; font-family: var(--smart-table-font-family);
font-size: var(--smart-table-font-size);
font-weight: var(--smart-table-font-weight);
line-height: var(--smart-table-line-height);
color: var(--smart-table-fg);
}
tr{
color: white;
background-color:#fff;
}
th{
color: white;
background-color:#fff;
}
* {
box-sizing: border-box;
}
.row {
display: flex;
background-color:#fff;
}
/* Create two equal columns that sits next to each other */
.column {
flex: 50%;
//
// height: 300px; /* Should be removed. Only for demonstration */
}
::ng-deep .mat-select-value{
color: white!important; }
.column1 {
width: 210px;
text-align: center;
text-overflow: ellipsis;
padding: 30px;
//height: 300px; /* Should be removed. Only for demonstration */
}
.add {
display: flex;
align-items: center;
justify-content: center;
font-size: 1.75rem !important;
padding: var(--smart-table-filter-padding);
border-color: var(--smart-table-add-button-border-color);
background-color: var(--smart-table-add-button-background-color);
color: var(--smart-table-add-button-text-color);
border-radius: 0.375rem;
font-family: var(--smart-table-header-font-family);
font-size: var(--smart-table-header-font-size);
font-weight: var(--smart-table-header-font-weight);
line-height: var(--smart-table-header-line-height);
}
span{
color: #000;
}
span:hover{
color: #1e6bb8;
}
a[disabled="disabled"] {
pointer-events: none;
}
.check{
display: flex; align-items: center; text-decoration: none;
height: 100%; width: 100%; font-size: 2rem!important;
}