feat(default-panel): hide for smaller screens

This commit is contained in:
RadoslavDimchev 2024-04-16 10:19:05 +03:00 committed by Radoslav Dimchev
parent 4bf75ded46
commit afb43dee76
1 changed files with 23 additions and 15 deletions

View File

@ -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>
)}
</>
) )
} }