status-im
/
nimbus-gui
mirror of https://github.com/status-im/nimbus-gui.git
2
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

fix(management-table-css): cells responsive

This commit is contained in:
RadoslavDimchev 2024-04-10 13:30:38 +03:00 committed by Emil Ivanichkov
parent b9fa4875b7
commit bf226d8f54
2 changed files with 16 additions and 25 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/pages/ValidatorManagement/ManagementTable/ManagementTableRow.tsx
View File

@ -59,7 +59,7 @@ const ManagementTableRow = ({ validator }: ManagementTableRowProps) => {
{validator.status} {validator.status}
</Text> </Text>
</td> </td>
<td> <td style={{ padding: 0 }}>
<OptionsIcon size={20} color="#647084" style={{ cursor: 'pointer' }} /> <OptionsIcon size={20} color="#647084" style={{ cursor: 'pointer' }} />
</td> </td>
</tr> </tr>

39
src/pages/ValidatorManagement/validatorManagement.module.css
View File

@ -32,7 +32,7 @@
border-top-right-radius: 16px; border-top-right-radius: 16px;
border-bottom: 1px solid #e7eaee; border-bottom: 1px solid #e7eaee;
background-color: #fafbfc; background-color: #fafbfc;
padding: 8px 16px; padding: 8px 12px;
} }
.tabs-list-container { .tabs-list-container {
@ -66,7 +66,14 @@
} }
/* Hide Effectiveness */ /* Hide Effectiveness */
@media (max-width: 1300px) { @media (max-width: 1280px) and (min-width: 1200px) {
th:nth-child(7),
td:nth-child(7) {
display: none;
}
}
@media (max-width: 1080px) {
th:nth-child(7), th:nth-child(7),
td:nth-child(7) { td:nth-child(7) {
display: none; display: none;
@ -74,7 +81,7 @@
} }
/* Hide the Attestations */ /* Hide the Attestations */
@media (max-width: 1200px) { @media (max-width: 960px) {
th:nth-child(6), th:nth-child(6),
td:nth-child(6) { td:nth-child(6) {
display: none; display: none;
@ -82,39 +89,23 @@
} }
/* Hide the Proposals */ /* Hide the Proposals */
@media (max-width: 1100px) { @media (max-width: 760px) {
th:nth-child(5), th:nth-child(5),
td:nth-child(5) { td:nth-child(5) {
display: none; display: none;
} }
} }
/* Hide and show Proposals */ /* Hide Income */
@media (max-width: 900px) and (min-width: 800px) { @media (max-width: 660px) {
th:nth-child(5),
td:nth-child(5) {
display: table-cell;
}
}
/* Hide the Income */
@media (max-width: 1000px) {
th:nth-child(4), th:nth-child(4),
td:nth-child(4) { td:nth-child(4) {
display: none; display: none;
} }
} }
/* Hide and show Income */
@media (max-width: 900px) and (min-width: 700px) {
th:nth-child(4),
td:nth-child(4) {
display: table-cell;
}
}
/* Hide Status */ /* Hide Status */
@media (max-width: 560px) { @media (max-width: 520px) {
th:nth-child(8), th:nth-child(8),
td:nth-child(8) { td:nth-child(8) {
display: none; display: none;
@ -122,7 +113,7 @@
} }
/* Hide Balance */ /* Hide Balance */
@media (max-width: 475px) { @media (max-width: 420px) {
th:nth-child(3), th:nth-child(3),
td:nth-child(3) { td:nth-child(3) {
display: none; display: none;