argos/dmp-frontend/src/app/ui/admin/user/listing/user-listing.component.scss

92 lines
1.6 KiB
SCSS

.mat-table {
margin-top: 47px;
margin-bottom: 20px;
background: #fafafa 0% 0% no-repeat padding-box;
// box-shadow: 0px 5px 12px #00000038;
border-radius: 4px;
.mat-header-row {
background: #f3f5f8;
}
mat-header-cell:first-of-type {
padding-left: 46px;
max-width: 120px;
}
mat-cell:first-of-type {
padding-left: 46px;
max-width: 120px;
}
.my-mat-card-avatar {
height: 40px;
width: 40px;
border-radius: 50%;
flex-shrink: 0;
margin-right: 2.5rem;
}
}
.user-listing {
margin-top: 2rem;
margin-left: 1rem;
margin-right: 2rem;
.mat-card {
margin: 1em 0;
}
mat-row:hover {
background-color: #eef5f6;
}
mat-row:nth-child(odd) {
// background-color: #0c748914;
// background-color: #eef0fb;
}
.export-btn {
background: #ffffff 0% 0% no-repeat padding-box;
border-radius: 30px;
width: 145px;
color: #129d99;
border: 1px solid #129d99;
}
.export-icon {
font-size: 20px;
}
}
::ng-deep .mat-paginator-container {
// flex-direction: row-reverse !important;
// justify-content: space-between !important;
// height: 30px;
// min-height: 30px !important;
background-color: #f6f6f6;
}
// ::ng-deep .mat-paginator-page-size {
// height: 43px;
// }
// ::ng-deep .mat-paginator-range-label {
// margin: 15px 32px 0 24px !important;
// }
// ::ng-deep .mat-paginator-range-actions {
// width: 55% !important;
// min-height: 43px !important;
// justify-content: space-between;
// }
// ::ng-deep .mat-paginator-navigation-previous {
// margin-left: auto !important;
// }
// ::ng-deep .mat-icon-button {
// height: 30px !important;
// font-size: 12px !important;
// }