fix: fix a bug with social media kit
This commit is contained in:
parent
1bd798b2fb
commit
8ffcfe817d
|
@ -9,6 +9,7 @@ import { LPEFooterGroup } from '@/types/ui.types'
|
|||
const socialLinks = FooterLinksItems.about.find(
|
||||
(item) => item.key === 'social',
|
||||
) as LPEFooterGroup
|
||||
|
||||
export const SocialMediaKit = () => {
|
||||
return (
|
||||
<Container>
|
||||
|
@ -29,6 +30,7 @@ export const SocialMediaKit = () => {
|
|||
Icon = null
|
||||
}
|
||||
return (
|
||||
Icon && (
|
||||
<LinkContainer>
|
||||
<Link
|
||||
href={link.href}
|
||||
|
@ -36,10 +38,11 @@ export const SocialMediaKit = () => {
|
|||
title={`Join us on ${link.label}`}
|
||||
target={'_blank'}
|
||||
>
|
||||
{Icon && <Icon />}
|
||||
<Icon />
|
||||
</Link>
|
||||
</LinkContainer>
|
||||
)
|
||||
)
|
||||
})}
|
||||
</Container>
|
||||
)
|
||||
|
@ -56,8 +59,10 @@ const Container = styled.div`
|
|||
`
|
||||
|
||||
const LinkContainer = styled.div`
|
||||
@media (max-width: ${({ theme }) => theme.breakpoints.sm.width}px) {
|
||||
width: fit-content;
|
||||
display: flex;
|
||||
|
||||
&:not(:last-child) {
|
||||
&:after {
|
||||
content: '';
|
||||
|
@ -65,4 +70,5 @@ const LinkContainer = styled.div`
|
|||
border-right: 1px solid rgb(var(--lsd-border-primary));
|
||||
}
|
||||
}
|
||||
}
|
||||
`
|
||||
|
|
|
@ -1,7 +1,4 @@
|
|||
import { LPEFooterGroup } from '@/types/ui.types'
|
||||
import { DiscordIcon } from '@/components/Icons/DiscordIcon'
|
||||
import { YoutubeIcon } from '@/components/Icons/YTIcon'
|
||||
import { XIcon } from '@/components/Icons/XIcon'
|
||||
|
||||
export const ArticleBlocksOrders = {
|
||||
title: 0,
|
||||
|
@ -61,12 +58,12 @@ export const FooterLinksItems: {
|
|||
title: null,
|
||||
key: 'social',
|
||||
links: [
|
||||
{ label: 'X', href: 'https://twitter.com/Logos_state', key: 'x' },
|
||||
{
|
||||
label: 'Discord',
|
||||
href: 'https://discord.gg/logos-state',
|
||||
key: 'discord',
|
||||
},
|
||||
{ label: 'X', href: 'https://twitter.com/Logos_state', key: 'x' },
|
||||
{
|
||||
label: 'Github',
|
||||
href: 'https://github.com/acid-info',
|
||||
|
|
Loading…
Reference in New Issue