Small table styling adjustments (#2904)
This commit is contained in:
parent
4c94994a6c
commit
f5cf7a080a
@ -33,18 +33,18 @@ export default React.memo(styled(Body)`
|
||||
background: white;
|
||||
|
||||
td {
|
||||
border-top: 1px solid #e6e6e6;
|
||||
// border-top: 1px solid #e6e6e6;
|
||||
padding: 0.75rem 1rem;
|
||||
text-align: left;
|
||||
vertical-align: middle;
|
||||
|
||||
&:first-child {
|
||||
border-left: 1px solid #e6e6e6;
|
||||
}
|
||||
// &:first-child {
|
||||
// border-left: 1px solid #e6e6e6;
|
||||
// }
|
||||
|
||||
&:last-child {
|
||||
border-right: 1px solid #e6e6e6;
|
||||
}
|
||||
// &:last-child {
|
||||
// border-right: 1px solid #e6e6e6;
|
||||
// }
|
||||
|
||||
label {
|
||||
display: block !important;
|
||||
@ -82,6 +82,7 @@ export default React.memo(styled(Body)`
|
||||
}
|
||||
|
||||
&.button {
|
||||
padding: 0.5rem 1rem;
|
||||
text-align: right;
|
||||
white-space: nowrap;
|
||||
|
||||
@ -142,13 +143,27 @@ export default React.memo(styled(Body)`
|
||||
}
|
||||
|
||||
tr {
|
||||
&.isHighlight td {
|
||||
background: #ffffed;
|
||||
&:nth-child(even) {
|
||||
background: #fafafa;
|
||||
}
|
||||
|
||||
&:last-child td {
|
||||
border-bottom: 1px solid #e6e6e6;
|
||||
}
|
||||
// &.isHighlight {
|
||||
// &:nth-child(even) td {
|
||||
// background: #fffff4;
|
||||
// }
|
||||
|
||||
// &:nth-child(odd) td {
|
||||
// background: #f4ffff;
|
||||
// }
|
||||
// }
|
||||
|
||||
// &:first-child td {
|
||||
// border-top: 1px solid #e6e6e6;
|
||||
// }
|
||||
|
||||
// &:last-child td {
|
||||
// border-bottom: 1px solid #e6e6e6;
|
||||
// }
|
||||
|
||||
&:first-child {
|
||||
td:first-child {
|
||||
|
||||
Loading…
Reference in New Issue
Block a user