LaconicNetwork/laconic.com
6
0
Fork 0
mirror of https://github.com/LaconicNetwork/laconic.com.git synced 2026-09-07 19:14:07 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

Footer CMS fixes

Browse Source
This commit is contained in:
Fede Álvarez
2022-06-29 10:33:16 +02:00
parent c884171a5c
commit b93ab6cc48
2 changed files with 53 additions and 31 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/common/footer/footer.module.scss
+9
View File
@@ -215,6 +215,15 @@
padding: 0;
list-style-type: none;
span {
text-transform: none;
line-height: 1;
letter-spacing: tovw(-0.5px, 'default', -0.5px);
font-family: var(--font-tt-hoves);
font-size: tovw(16px, 'default', 14px);
font-weight: 500;
}
> li {
@include respond-to('mobile') {
margin-bottom: tovw(14px, 'default', 14px);
src/components/common/footer/index.tsx
+44 -31
View File
@@ -207,9 +207,12 @@ export const Footer = ({ data }: Props) => {
{data.developerLinks.map((link) => {
return (
<li key={link.title}>
<Link href={link.href} variant="nav">
{link.title}
</Link>
{link.href && (
<Link href={link.href} variant="nav">
{link.title}
</Link>
)}
{!link.href && <span>{link.title}</span>}
</li>
)
})}
@@ -218,9 +221,12 @@ export const Footer = ({ data }: Props) => {
{data.productsLinks.map((link) => {
return (
<li key={link.title}>
<Link href={link.href} variant="nav">
{link.title}
</Link>
{link.href && (
<Link href={link.href} variant="nav">
{link.title}
</Link>
)}
{!link.href && <span>{link.title}</span>}
</li>
)
})}
@@ -229,9 +235,12 @@ export const Footer = ({ data }: Props) => {
{data.aboutLinks.map((link) => {
return (
<li key={link.title}>
<Link href={link.href} variant="nav">
{link.title}
</Link>
{link.href && (
<Link href={link.href} variant="nav">
{link.title}
</Link>
)}
{!link.href && <span>{link.title}</span>}
</li>
)
})}
@@ -246,17 +255,19 @@ export const Footer = ({ data }: Props) => {
{data?.connectLinks.map((link, index) => {
return (
<div key={`${link.title}-${index}`}>
<Link href={link.href} variant="unstyled">
<span className="sr-only">{link.title}</span>
{link?.title === 'Twitter' && <Twitter />}
{link?.title === 'Discord' && <Discord />}
{link?.title === 'Discourse' && <Discourse />}
{link?.title === 'Instagram' && <Instagram />}
{link?.title === 'Facebook' && <Facebook />}
{link?.title === 'Telegram' && <Telegram />}
{link?.title === 'Linkedin' && <Linkedin />}
{link?.title === 'Reddit' && <Reddit />}
</Link>
{link.href && (
<Link href={link.href} variant="unstyled">
<span className="sr-only">{link.title}</span>
{link?.title === 'Twitter' && <Twitter />}
{link?.title === 'Discord' && <Discord />}
{link?.title === 'Discourse' && <Discourse />}
{link?.title === 'Instagram' && <Instagram />}
{link?.title === 'Facebook' && <Facebook />}
{link?.title === 'Telegram' && <Telegram />}
{link?.title === 'Linkedin' && <Linkedin />}
{link?.title === 'Reddit' && <Reddit />}
</Link>
)}
</div>
)
})}
@@ -271,17 +282,19 @@ export const Footer = ({ data }: Props) => {
{data?.connectLinks.map((link, index) => {
return (
<div key={`${link.title}-${index}`}>
<Link href={link.href} variant="unstyled">
<span className="sr-only">{link.title}</span>
{link?.title === 'Twitter' && <Twitter />}
{link?.title === 'Discord' && <Discord />}
{link?.title === 'Discourse' && <Discourse />}
{link?.title === 'Instagram' && <Instagram />}
{link?.title === 'Facebook' && <Facebook />}
{link?.title === 'Telegram' && <Telegram />}
{link?.title === 'Linkedin' && <Linkedin />}
{link?.title === 'Reddit' && <Reddit />}
</Link>
{link.href && (
<Link href={link.href} variant="unstyled">
<span className="sr-only">{link.title}</span>
{link?.title === 'Twitter' && <Twitter />}
{link?.title === 'Discord' && <Discord />}
{link?.title === 'Discourse' && <Discourse />}
{link?.title === 'Instagram' && <Instagram />}
{link?.title === 'Facebook' && <Facebook />}
{link?.title === 'Telegram' && <Telegram />}
{link?.title === 'Linkedin' && <Linkedin />}
{link?.title === 'Reddit' && <Reddit />}
</Link>
)}
</div>
)
})}