Ajustement responsive du contenu des tableaux
This commit is contained in:
parent
b78fbd033f
commit
9812294781
1 changed files with 16 additions and 1 deletions
|
@ -1,6 +1,7 @@
|
||||||
.table {
|
.table {
|
||||||
font-family: "Poppins";
|
font-family: "Poppins";
|
||||||
margin-bottom: 20px;
|
margin-bottom: 20px;
|
||||||
|
font-size: 0.625rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
td {
|
td {
|
||||||
|
@ -11,7 +12,9 @@ td {
|
||||||
font-weight: 600;
|
font-weight: 600;
|
||||||
}
|
}
|
||||||
|
|
||||||
.tableRow:nth-child(odd) {}
|
.tableRow:nth-child(odd) {
|
||||||
|
background-color: #FFF;
|
||||||
|
}
|
||||||
|
|
||||||
.tableRow:nth-child(even) {
|
.tableRow:nth-child(even) {
|
||||||
background-color: #F4F4F4;
|
background-color: #F4F4F4;
|
||||||
|
@ -26,4 +29,16 @@ td {
|
||||||
.separator {
|
.separator {
|
||||||
width: 75%;
|
width: 75%;
|
||||||
border: 1px solid #C4C4C4;
|
border: 1px solid #C4C4C4;
|
||||||
|
}
|
||||||
|
|
||||||
|
@media screen and (min-width: 768px) {
|
||||||
|
.table {
|
||||||
|
font-size: 0.875rem;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@media screen and (min-width: 1140px) {
|
||||||
|
.table {
|
||||||
|
font-size: 1rem;
|
||||||
|
}
|
||||||
}
|
}
|
Loading…
Reference in a new issue