Skip to content

F
frontend
Commit 6a4c746a authored by Yuri Mikhin's avatar Yuri Mikhin Committed by Yuri Mikhin
Browse files
Options

Add image aligning in the AppModal.

parent 605d8861
Hide whitespace changes
Inline Side-by-side
Showing with 5 additions and 3 deletions
ui/apps/AppModal.tsx
View file @ 6a4c746a
import { import {
Box, Button, Heading, Icon, IconButton, Image, Link, List, Modal, ModalBody, Box, Button, Flex, Heading, Icon, IconButton, Image, Link, List, Modal, ModalBody,
ModalCloseButton, ModalContent, ModalFooter, ModalHeader, ModalOverlay, Tag, Text, ModalCloseButton, ModalContent, ModalFooter, ModalHeader, ModalOverlay, Tag, Text,
} from '@chakra-ui/react'; } from '@chakra-ui/react';
import NextLink from 'next/link'; import NextLink from 'next/link';
...@@ -79,7 +79,9 @@ const AppModal = ({ ...@@ -79,7 +79,9 @@ const AppModal = ({
gridTemplateColumns={{ base: 'auto 1fr' }} gridTemplateColumns={{ base: 'auto 1fr' }}
paddingRight={{ sm: 12 }} paddingRight={{ sm: 12 }}
> >
<Box <Flex
alignItems="center"
justifyContent="center"
w={{ base: '72px', sm: '144px' }} w={{ base: '72px', sm: '144px' }}
h={{ base: '72px', sm: '144px' }} h={{ base: '72px', sm: '144px' }}
marginRight={{ base: 6, sm: 8 }} marginRight={{ base: 6, sm: 8 }}
...@@ -89,7 +91,7 @@ const AppModal = ({ ...@@ -89,7 +91,7 @@ const AppModal = ({
src={ logo } src={ logo }
alt={ `${ title } app icon` } alt={ `${ title } app icon` }
/> />
</Box> </Flex>
<Heading <Heading
as="h2" as="h2"
......
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