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-header): remove sync card containers styles

This commit is contained in:
RadoslavDimchev 2024-04-18 15:32:45 +03:00 committed by Radoslav Dimchev
parent 6c7a4119b7
commit 4aceca03ef
2 changed files with 12 additions and 31 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

31
src/pages/ValidatorManagement/ManagementHeader.tsx
View File

@ -2,7 +2,6 @@ import { XStack } from 'tamagui'
import NimbusLogo from '../../components/Logos/NimbusLogo'
import SyncStatusCard from '../../components/General/SyncStatusCard'
import styles from './validatorManagement.module.css'
const ManagementHeader = () => {
return (
@ -14,24 +13,18 @@ const ManagementHeader = () => {
}}
>
<NimbusLogo subtitle="Validator Management" />
<XStack space={'$2'}>
<div className={styles['sync-status-card-container-first']}>
<SyncStatusCard
synced={123.524}
total={172.503}
title="Execution Sync Status"
color="#2a4af5"
/>
</div>
<div className={styles['sync-status-card-container-second']}>
<SyncStatusCard
synced={123.524}
total={172.503}
title="Consensus Sync Status"
color="#ff6161"
/>
</div>
</XStack>
<SyncStatusCard
synced={123.524}
total={172.503}
title="Execution Sync Status"
color="#2a4af5"
/>
<SyncStatusCard
synced={123.524}
total={172.503}
title="Consensus Sync Status"
color="#ff6161"
/>
</XStack>
)
}

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

@ -1,15 +1,3 @@
@media (max-width: 1130px) {
.sync-status-card-container-first {
display: none;
}
}
@media (max-width: 900px) and (min-width: 810px) {
.sync-status-card-container-first {
display: block;
}
}
@media (max-width: 590px) {
.sync-status-card-container-second {
display: none;