feat: antd组件库相关样式
This commit is contained in:
75
src/styles/components/ant-table.scss
Normal file
75
src/styles/components/ant-table.scss
Normal file
@ -0,0 +1,75 @@
|
||||
.ant-table-wrapper {
|
||||
.ant-spin-nested-loading,
|
||||
.ant-spin-container,
|
||||
.ant-table{
|
||||
height: 100%;
|
||||
}
|
||||
.ant-table {
|
||||
border-radius: 0;
|
||||
font-family: $font-family-regular;
|
||||
@mixin table-cell-text {
|
||||
color: var(--Text-1, #211f24);
|
||||
font-family: $font-family-regular;
|
||||
font-size: 14px;
|
||||
font-style: normal;
|
||||
font-weight: 400;
|
||||
line-height: 22px;
|
||||
}
|
||||
.ant-table-container {
|
||||
border: none !important;
|
||||
height: 100%;
|
||||
.ant-table-thead {
|
||||
> tr {
|
||||
.ant-table-cell {
|
||||
padding: 13px 16px;
|
||||
background: var(--BG-100, #f7f8fa);
|
||||
border-start-start-radius: 0 !important;
|
||||
border-start-end-radius: 0 !important;
|
||||
@include table-cell-text;
|
||||
font-family: 'PingFangSC-Medium';
|
||||
.ant-table-column-sorters {
|
||||
justify-content: normal;
|
||||
.ant-table-column-title {
|
||||
flex: none;
|
||||
}
|
||||
.ant-table-column-sorter {
|
||||
margin-left: 8px;
|
||||
color: #939499;
|
||||
line-height: normal;
|
||||
.anticon.active {
|
||||
color: $color-primary;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.ant-table-tbody {
|
||||
.ant-table-row {
|
||||
.ant-table-cell {
|
||||
padding: 11px 16px;
|
||||
@include table-cell-text;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.ant-table-bordered {
|
||||
.ant-table-container {
|
||||
.ant-table-thead {
|
||||
.ant-table-cell {
|
||||
border-inline-end: none !important ;
|
||||
border-bottom: 1px solid var(--Border-1, #d7d7d9);
|
||||
}
|
||||
}
|
||||
.ant-table-tbody {
|
||||
.ant-table-row {
|
||||
.ant-table-cell {
|
||||
border-inline-end: none !important;
|
||||
border-bottom: 1px solid var(--Border-1, #e6e6e8);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user