mirror of
https://github.com/status-im/nimbus-gui.git
synced 2025-02-20 15:18:33 +00:00
feat(deposit): move container style into module
This commit is contained in:
parent
f9e35c5c88
commit
e90fed3309
@ -12,6 +12,7 @@ import ChainParity from './ChainParity'
|
|||||||
import ValidatorsMenuWithPrice from '../../../components/General/ValidatorsMenuWithPrice'
|
import ValidatorsMenuWithPrice from '../../../components/General/ValidatorsMenuWithPrice'
|
||||||
import { RootState } from '../../../redux/store'
|
import { RootState } from '../../../redux/store'
|
||||||
import { DEPOSIT_SUBTITLE } from '../../../constants'
|
import { DEPOSIT_SUBTITLE } from '../../../constants'
|
||||||
|
import styles from './deposit.module.css'
|
||||||
|
|
||||||
const Deposit = () => {
|
const Deposit = () => {
|
||||||
const [isInfoBoxVisible, setIsInfoBoxVisible] = useState(true)
|
const [isInfoBoxVisible, setIsInfoBoxVisible] = useState(true)
|
||||||
@ -31,15 +32,7 @@ const Deposit = () => {
|
|||||||
}
|
}
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<YStack
|
<YStack space={'$3'} className={styles['deposit-container']}>
|
||||||
space={'$3'}
|
|
||||||
style={{
|
|
||||||
width: '100%',
|
|
||||||
padding: '16px 32px',
|
|
||||||
alignItems: 'start',
|
|
||||||
paddingBottom: '30px',
|
|
||||||
}}
|
|
||||||
>
|
|
||||||
<DepositTitle />
|
<DepositTitle />
|
||||||
{isChainParity ? (
|
{isChainParity ? (
|
||||||
<ChainParity />
|
<ChainParity />
|
||||||
|
@ -1,3 +1,10 @@
|
|||||||
|
.deposit-container {
|
||||||
|
width: 100%;
|
||||||
|
padding: 16px 32px;
|
||||||
|
align-items: start;
|
||||||
|
padding-bottom: 30px;
|
||||||
|
}
|
||||||
|
|
||||||
.chain-parity-img-container {
|
.chain-parity-img-container {
|
||||||
padding: 7.5% 20%;
|
padding: 7.5% 20%;
|
||||||
}
|
}
|
||||||
|
Loading…
x
Reference in New Issue
Block a user