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

feat(validator-setup): css module for responsive style

Browse Source
This commit is contained in:
RadoslavDimchev 2024-04-22 19:27:04 +03:00 committed by Emil Ivanichkov
parent 51a53d4947
commit aca735c33a
2 changed files with 13 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
src/pages/ValidatorOnboarding/ValidatorSetup/ValidatorSetup/ValidatorSetup.tsx
View File

@ -4,6 +4,7 @@ import { Text } from '@status-im/components'
import PairedDeviceCard from '../ConsensusClient/PairedDeviceCard'
import LinkWithArrow from '../../../../components/General/LinkWithArrow'
import ExecClientCards from './ExecClientCards'
import styles from './validatorSetup.module.css'
const ValidatorSetup = () => {
return (
@ -21,12 +22,7 @@ const ValidatorSetup = () => {
<Text size={27} weight={'semibold'}>
Client Setup
</Text>
<div
style={{
display: 'flex',
flexWrap: 'wrap',
}}
>
<div className={styles['paired-device-container']}>
<PairedDeviceCard />
</div>
</XStack>

11
src/pages/ValidatorOnboarding/ValidatorSetup/ValidatorSetup/validatorSetup.module.css Normal file
View File

@ -0,0 +1,11 @@
.paired-device-container {
display: flex;
flex-wrap: wrap;
}
@media (max-width: 450px) {
.paired-device-container {
width: 100%;
margin-top: 12px;
}
}