mirror of
https://github.com/creativetimofficial/muse-vue-ant-design-dashboard.git
synced 2025-08-17 03:50:36 +08:00
102 lines
2.0 KiB
SCSS
102 lines
2.0 KiB
SCSS
// _table.scss
|
|
//
|
|
// Template's tables styles.
|
|
//
|
|
|
|
|
|
// Tables
|
|
.ant-table-thead > tr > th {
|
|
color: $color-gray-7;
|
|
font-weight: $fw-bold;
|
|
background-color: transparent;
|
|
font-size: 12px;
|
|
}
|
|
.ant-table-thead > tr > th, .ant-table-tbody > tr > td {
|
|
padding: 16px 25px;
|
|
}
|
|
.ant-table-tbody > tr:last-child > td {
|
|
border-bottom: 0;
|
|
}
|
|
.ant-table-tbody > tr > td h6 {
|
|
font-size: 14px;
|
|
font-weight: $fw-semibold;
|
|
color: $color-gray-12;
|
|
}
|
|
.ant-table-tbody .ant-progress-bg {
|
|
height: 3px !important;
|
|
}
|
|
.ant-table-tbody .ant-progress {
|
|
line-height: 3px;
|
|
margin-top: 3px;
|
|
display: block;
|
|
}
|
|
.ant-table-thead > tr.ant-table-row-hover:not(.ant-table-expanded-row):not(.ant-table-row-selected) > td, .ant-table-tbody > tr.ant-table-row-hover:not(.ant-table-expanded-row):not(.ant-table-row-selected) > td, .ant-table-thead > tr:hover:not(.ant-table-expanded-row):not(.ant-table-row-selected) > td, .ant-table-tbody > tr:hover:not(.ant-table-expanded-row):not(.ant-table-row-selected) > td {
|
|
background-color: rgba(0, 0, 0, 0.03);
|
|
}
|
|
.table-upload-btn {
|
|
margin: 20px;
|
|
margin-top: 10px;
|
|
.ant-btn {
|
|
box-shadow: none;
|
|
font-weight: $fw-semibold;
|
|
|
|
&:hover svg path,
|
|
&:focus svg path,
|
|
&:active svg path {
|
|
fill: $color-primary;
|
|
}
|
|
}
|
|
svg {
|
|
vertical-align: middle;
|
|
margin-right: 5px;
|
|
path {
|
|
transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
|
|
}
|
|
}
|
|
}
|
|
.ant-table-body {
|
|
overflow: auto;
|
|
|
|
@media(min-width: $xl) {
|
|
overflow: visible;
|
|
}
|
|
|
|
.btn-edit {
|
|
font-weight: $fw-semibold;
|
|
color: $color-muted;
|
|
}
|
|
}
|
|
.table-avatar-info {
|
|
display: flex;
|
|
|
|
.ant-avatar {
|
|
margin-right: 20px;
|
|
}
|
|
.avatar-info {
|
|
h6 {
|
|
font-size: 14px;
|
|
line-height: 14px;
|
|
margin-bottom: 3px;
|
|
}
|
|
p {
|
|
font-size: 14px;
|
|
font-weight: $fw-regular;
|
|
color: $color-gray-7;
|
|
}
|
|
>* {
|
|
margin: 0;
|
|
}
|
|
}
|
|
}
|
|
|
|
.layout-dashboard-rtl {
|
|
.ant-table table {
|
|
text-align: right;
|
|
}
|
|
.table-upload-btn svg {
|
|
vertical-align: middle;
|
|
margin-left: 5px;
|
|
margin-right: 0;
|
|
}
|
|
}
|
|
// / Tables |