status-im/nimbus-gui
2
0
Fork 0
mirror of https://github.com/status-im/nimbus-gui.git synced 2025-02-18 22:37:39 +00:00
Code Issues Packages Projects Releases Wiki Activity

feat: make entire table responsive

Browse Source
This commit is contained in:
RadoslavDimchev 2023-11-16 22:54:27 +02:00
parent aaefe1317a
commit 2e39776d0a
2 changed files with 64 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
src/pages/ValidatorManagement/ValidatorManagement.tsx
View File

@ -3,6 +3,7 @@ import { XStack } from 'tamagui'
import ValidatorManagementContent from './ValidatorManagementContent'
import LeftSidebar from '../../components/General/LeftSidebar/LeftSidebar'
import RightSidebar from '../../components/General/RightSideBar/RightSidebar'
import './ValidatorManagement.css'
const ValidatorManagement = () => {
return (

63
src/pages/ValidatorManagement/validatorManagement.css Normal file
View File

@ -0,0 +1,63 @@
/* Hide Effectiveness */
@media (max-width: 1300px) {
th:nth-child(7),
td:nth-child(7) {
display: none;
}
}
/* Hide the Attestations */
@media (max-width: 1200px) {
th:nth-child(6),
td:nth-child(6) {
display: none;
}
}
/* Hide the Proposals */
@media (max-width: 1100px) {
th:nth-child(5),
td:nth-child(5) {
display: none;
}
}
/* Hide and show Proposals */
@media (max-width: 900px) and (min-width: 800px) {
th:nth-child(5),
td:nth-child(5) {
display: table-cell;
}
}
/* Hide the Income */
@media (max-width: 1000px) {
th:nth-child(4),
td:nth-child(4) {
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 */
@media (max-width: 560px) {
th:nth-child(8),
td:nth-child(8) {
display: none;
}
}
/* Hide Balance */
@media (max-width: 400px) {
th:nth-child(3),
td:nth-child(3) {
display: none;
}
}