Skip to content

F
frontend
Commit ca4e12d6 authored by Max Alekseenko's avatar Max Alekseenko
Browse files
Options

change breakpoint for dapp modal

parent 2adfa54a
Hide whitespace changes
Inline Side-by-side
Showing with 15 additions and 15 deletions
ui/marketplace/MarketplaceAppModal.tsx
View file @ ca4e12d6
...@@ -110,16 +110,16 @@ const MarketplaceAppModal = ({ ...@@ -110,16 +110,16 @@ const MarketplaceAppModal = ({
<Box <Box
display="grid" display="grid"
gridTemplateColumns={{ base: 'auto 1fr' }} gridTemplateColumns={{ base: 'auto 1fr' }}
paddingRight={{ sm: 12 }} paddingRight={{ md: 12 }}
marginBottom={{ base: 6, sm: 8 }} marginBottom={{ base: 6, md: 8 }}
> >
<Flex <Flex
alignItems="center" alignItems="center"
justifyContent="center" justifyContent="center"
w={{ base: '72px', sm: '144px' }} w={{ base: '72px', md: '144px' }}
h={{ base: '72px', sm: '144px' }} h={{ base: '72px', md: '144px' }}
marginRight={{ base: 6, sm: 8 }} marginRight={{ base: 6, md: 8 }}
gridRow={{ base: '1 / 3', sm: '1 / 4' }} gridRow={{ base: '1 / 3', md: '1 / 4' }}
> >
<Image <Image
src={ logoUrl } src={ logoUrl }
...@@ -131,7 +131,7 @@ const MarketplaceAppModal = ({ ...@@ -131,7 +131,7 @@ const MarketplaceAppModal = ({
<Heading <Heading
as="h2" as="h2"
gridColumn={ 2 } gridColumn={ 2 }
fontSize={{ base: '2xl', sm: '3xl' }} fontSize={{ base: '2xl', md: '3xl' }}
fontWeight="medium" fontWeight="medium"
lineHeight={ 1 } lineHeight={ 1 }
color="blue.600" color="blue.600"
...@@ -150,11 +150,11 @@ const MarketplaceAppModal = ({ ...@@ -150,11 +150,11 @@ const MarketplaceAppModal = ({
</Text> </Text>
<Box <Box
gridColumn={{ base: '1 / 3', sm: 2 }} gridColumn={{ base: '1 / 3', md: 2 }}
marginTop={{ base: 6, sm: 0 }} marginTop={{ base: 6, md: 0 }}
> >
<Flex flexWrap="wrap" gap={ 6 }> <Flex flexWrap="wrap" gap={ 6 }>
<Flex width={{ base: '100%', sm: 'auto' }}> <Flex width={{ base: '100%', md: 'auto' }}>
<MarketplaceAppModalLink <MarketplaceAppModalLink
id={ data.id } id={ data.id }
url={ url } url={ url }
...@@ -184,8 +184,8 @@ const MarketplaceAppModal = ({ ...@@ -184,8 +184,8 @@ const MarketplaceAppModal = ({
<ModalBody mb={ 6 }> <ModalBody mb={ 6 }>
{ securityReport && ( { securityReport && (
<Flex <Flex
direction={{ base: 'column', sm: 'row' }} direction={{ base: 'column', md: 'row' }}
justifyContent={{ base: 'flex-start', sm: 'space-between' }} justifyContent={{ base: 'flex-start', md: 'space-between' }}
gap={ 3 } gap={ 3 }
fontSize="sm" fontSize="sm"
mb={ 6 } mb={ 6 }
...@@ -217,9 +217,9 @@ const MarketplaceAppModal = ({ ...@@ -217,9 +217,9 @@ const MarketplaceAppModal = ({
<ModalFooter <ModalFooter
display="flex" display="flex"
flexDirection={{ base: 'column', sm: 'row' }} flexDirection={{ base: 'column', md: 'row' }}
justifyContent={{ base: 'flex-start', sm: 'space-between' }} justifyContent={{ base: 'flex-start', md: 'space-between' }}
alignItems={{ base: 'flex-start', sm: 'center' }} alignItems={{ base: 'flex-start', md: 'center' }}
gap={ 3 } gap={ 3 }
> >
<Flex gap={ 2 }> <Flex gap={ 2 }>
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment