feat(default-panel): hide for smaller screens
This commit is contained in:
parent
4bf75ded46
commit
afb43dee76
|
@ -2,9 +2,15 @@ import { Text } from '@status-im/components'
|
||||||
import { YStack } from 'tamagui'
|
import { YStack } from 'tamagui'
|
||||||
|
|
||||||
import Icon from '../../../components/General/Icon'
|
import Icon from '../../../components/General/Icon'
|
||||||
|
import { useWindowSize } from '../../../hooks/useWindowSize'
|
||||||
|
|
||||||
const DefaultPanel = () => {
|
const DefaultPanel = () => {
|
||||||
|
const { width } = useWindowSize()
|
||||||
|
const isModalWidth = width < 1160
|
||||||
|
|
||||||
return (
|
return (
|
||||||
|
<>
|
||||||
|
{isModalWidth === false && (
|
||||||
<YStack
|
<YStack
|
||||||
space={'$2'}
|
space={'$2'}
|
||||||
width={'100%'}
|
width={'100%'}
|
||||||
|
@ -20,6 +26,8 @@ const DefaultPanel = () => {
|
||||||
This panel will give you additional settings to manage your vaidator
|
This panel will give you additional settings to manage your vaidator
|
||||||
</Text>
|
</Text>
|
||||||
</YStack>
|
</YStack>
|
||||||
|
)}
|
||||||
|
</>
|
||||||
)
|
)
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
Loading…
Reference in New Issue