98 lines
2.3 KiB
Stylus
98 lines
2.3 KiB
Stylus
.data-table.el-table {
|
|
width 100% !important
|
|
height 100% !important;
|
|
|
|
.table-header {
|
|
color #454C59 !important
|
|
|
|
th {
|
|
background-color #EDF1F7 !important
|
|
font-weight 500 !important
|
|
position relative
|
|
|
|
& > div {
|
|
display flex !important
|
|
gap 5px !important
|
|
align-items center !important
|
|
}
|
|
|
|
&:not(:first-child) > div::before {
|
|
position: absolute !important
|
|
top 50% !important
|
|
left 1px !important
|
|
width 1px !important
|
|
background-color #D3D7DE !important
|
|
transform translateY(-50%) !important
|
|
content "" !important
|
|
height 50% !important
|
|
}
|
|
}
|
|
}
|
|
|
|
.table-cell {
|
|
color #2F3540 !important
|
|
}
|
|
|
|
.action-btn {
|
|
width 100% !important
|
|
display grid !important
|
|
grid-template-columns repeat(auto-fit, 32px) !important
|
|
grid-auto-rows: 32px !important
|
|
gap: 10px !important
|
|
|
|
.text-btn {
|
|
margin 0 !important
|
|
}
|
|
|
|
.icon-btn {
|
|
margin 0 !important
|
|
padding: 8px !important
|
|
justify-content center !important
|
|
align-items center !important
|
|
}
|
|
|
|
.el-button--default.icon-btn {
|
|
color #7987A1 !important
|
|
background-color #F2F4F5 !important
|
|
border-color #F2F4F5 !important
|
|
}
|
|
|
|
|
|
.el-button--primary.icon-btn {
|
|
color #5D87FF !important
|
|
background-color #EBF0FF !important
|
|
border-color #EBF0FF !important
|
|
}
|
|
|
|
.el-button--success.icon-btn {
|
|
color: oklch(68% .18 142.5) !important;
|
|
background-color: oklch(0.96 0.02 140.1) !important;
|
|
border-color: oklch(0.96 0.02 140.1) !important;
|
|
}
|
|
|
|
.el-button--warning.icon-btn {
|
|
color: oklch(75% .22 60.8) !important;
|
|
background-color: oklch(0.96 0.03 58.5) !important;
|
|
border-color: oklch(0.96 0.03 58.5) !important;
|
|
}
|
|
|
|
.el-button--info.icon-btn {
|
|
color oklch(72% .19 231.6) !important
|
|
background-color oklch(0.96 0.03 224.26) !important
|
|
border-color oklch(0.96 0.03 224.26) !important
|
|
}
|
|
|
|
.el-button--danger.icon-btn {
|
|
color oklch(73% .15 25.3) !important
|
|
background-color oklch(0.96 0.02 22.09) !important
|
|
border-color oklch(0.96 0.02 22.09) !important
|
|
}
|
|
|
|
.el-button--text.icon-btn {
|
|
color: #4E5969 !important;
|
|
background-color: #F8F9FA !important;
|
|
border-color: #F8F9FA !important;
|
|
}
|
|
}
|
|
}
|