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

feat(management-tabs): responsive tabs with options

This commit is contained in:
RadoslavDimchev 2024-04-09 21:38:24 +03:00 committed by Emil Ivanichkov
parent 5e4f00e67e
commit ae841b2dc6
2 changed files with 7 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/pages/ValidatorManagement/ManagementTabs.tsx
View File

@ -93,6 +93,8 @@ const ManagementTabs = () => {
className="transparent-scrollbar" className="transparent-scrollbar"
style={{ style={{
cursor: 'pointer', cursor: 'pointer',
display: 'flex',
width: '100%',
overflowX: 'auto', overflowX: 'auto',
whiteSpace: 'nowrap', whiteSpace: 'nowrap',
}} }}

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

@ -28,17 +28,15 @@
padding: 8px 16px; padding: 8px 16px;
} }
@media (max-width: 600px) {
.tabs {
overflow-x: auto;
overflow-y: none;
}
}
@media (max-width: 600px) { @media (max-width: 600px) {
.cards { .cards {
flex-direction: column; flex-direction: column;
} }
.tabs-settings-container {
flex-direction: column;
align-items: flex-start;
}
} }
/* Hide Effectiveness */ /* Hide Effectiveness */