lbry-desktop/src/ui/scss/component/_table.scss
2019-03-21 11:22:23 -04:00

79 lines
1,012 B
SCSS

@import '~@lbry/components/sass/table/_index.scss';
table,
.table {
[data-mode='dark'] & {
background-color: transparent;
th {
border-bottom: 2px solid $lbry-white;
}
}
}
.table__item--actionable {
.button svg {
top: 3px;
}
}
.table--help {
td:nth-of-type(1) {
font-weight: 600;
min-width: 130px;
}
td:nth-of-type(2) {
@include constrict(20vw);
}
}
.table--transactions {
td:nth-of-type(1) {
// TX amounts
width: 25%;
font-size: 0.9em;
font-weight: 600;
}
td:nth-of-type(2) {
width: 20%;
}
td:nth-of-type(3) {
width: 22.5%;
}
td:nth-of-type(4) {
width: 17.5%;
}
td:nth-of-type(5) {
width: 15%;
}
}
.table--rewards {
td:nth-of-type(1) {
width: 40%;
}
td:nth-of-type(2) {
width: 17.5%;
}
td:nth-of-type(3) {
width: 17.5%;
}
td:nth-of-type(4) {
width: 25%;
}
}
.table--invites {
svg {
margin-bottom: -2px;
margin-left: var(--spacing-vertical-small);
}
}