lamacchinadesiderante/millelibri
lamacchinadesiderante
/
millelibri
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

version/0.5 #3

Merged
lamacchinadesiderante merged 6 commits from version/0.5 into master 2023-01-11 18:37:31 +00:00
Conversation 0 Commits 6 Files Changed 5 +8 -22
1 changed files with 8 additions and 22 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files
Showing only changes of commit 5272e13f45 - Show all commits

30
frontend/src/components/CopyToClipboardButton.tsx
View File

@ -29,28 +29,14 @@ const CopyToClipboardButton: React.FC<IProps> = (props) => {
return (
<>
<MediaQuery minWidth={MEDIA_QUERY_DESKTOP_STARTS}>
{show &&
<Card backgroundColor={'transparent'} mt={{ base: 0, md: 4 }} mb={{ base: 0, md: 4 }} mx={{ base: 4, md: 4 }}>
<Box p='4'>
<Flex alignItems={'center'}>
<Button bgColor={showSuccess ? 'green.400' : ''} onClick={handleClick}>
{showSuccess ? t('search.copy_success'): t('search.copy_search_link')} &nbsp; <Icon as={IoShareSocialOutline} />
</Button>
</Flex>
</Box>
</Card>}
</MediaQuery>
<MediaQuery maxWidth={MEDIA_QUERY_MOBILE_ENDS}>
{show &&
<Box p='4'>
<Flex alignItems={'center'}>
<Button bgColor={showSuccess ? 'green.400' : ''} onClick={handleClick}>
{showSuccess ? t('search.copy_success') : t('search.copy_search_link')} &nbsp; <Icon as={IoShareSocialOutline} />
</Button>
</Flex>
</Box>}
</MediaQuery>
{show &&
<Box p='4' mx={{ base: 0, md: 4 }}>
<Flex justifyContent={'flex-end'} alignItems={'center'}>
<Button bgColor={showSuccess ? 'green.400' : ''} onClick={handleClick}>
{showSuccess ? t('search.copy_success') : t('search.copy_search_link')} &nbsp; <Icon as={IoShareSocialOutline} />
</Button>
</Flex>
</Box>}
</>
);
};