diff --git a/src/components/common/footer/footer.module.scss b/src/components/common/footer/footer.module.scss index fedfc46..b1f213b 100644 --- a/src/components/common/footer/footer.module.scss +++ b/src/components/common/footer/footer.module.scss @@ -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); diff --git a/src/components/common/footer/index.tsx b/src/components/common/footer/index.tsx index 5ac9473..82d1182 100644 --- a/src/components/common/footer/index.tsx +++ b/src/components/common/footer/index.tsx @@ -207,9 +207,12 @@ export const Footer = ({ data }: Props) => { {data.developerLinks.map((link) => { return (
  • - - {link.title} - + {link.href && ( + + {link.title} + + )} + {!link.href && {link.title}}
  • ) })} @@ -218,9 +221,12 @@ export const Footer = ({ data }: Props) => { {data.productsLinks.map((link) => { return (
  • - - {link.title} - + {link.href && ( + + {link.title} + + )} + {!link.href && {link.title}}
  • ) })} @@ -229,9 +235,12 @@ export const Footer = ({ data }: Props) => { {data.aboutLinks.map((link) => { return (
  • - - {link.title} - + {link.href && ( + + {link.title} + + )} + {!link.href && {link.title}}
  • ) })} @@ -246,17 +255,19 @@ export const Footer = ({ data }: Props) => { {data?.connectLinks.map((link, index) => { return (
    - - {link.title} - {link?.title === 'Twitter' && } - {link?.title === 'Discord' && } - {link?.title === 'Discourse' && } - {link?.title === 'Instagram' && } - {link?.title === 'Facebook' && } - {link?.title === 'Telegram' && } - {link?.title === 'Linkedin' && } - {link?.title === 'Reddit' && } - + {link.href && ( + + {link.title} + {link?.title === 'Twitter' && } + {link?.title === 'Discord' && } + {link?.title === 'Discourse' && } + {link?.title === 'Instagram' && } + {link?.title === 'Facebook' && } + {link?.title === 'Telegram' && } + {link?.title === 'Linkedin' && } + {link?.title === 'Reddit' && } + + )}
    ) })} @@ -271,17 +282,19 @@ export const Footer = ({ data }: Props) => { {data?.connectLinks.map((link, index) => { return (
    - - {link.title} - {link?.title === 'Twitter' && } - {link?.title === 'Discord' && } - {link?.title === 'Discourse' && } - {link?.title === 'Instagram' && } - {link?.title === 'Facebook' && } - {link?.title === 'Telegram' && } - {link?.title === 'Linkedin' && } - {link?.title === 'Reddit' && } - + {link.href && ( + + {link.title} + {link?.title === 'Twitter' && } + {link?.title === 'Discord' && } + {link?.title === 'Discourse' && } + {link?.title === 'Instagram' && } + {link?.title === 'Facebook' && } + {link?.title === 'Telegram' && } + {link?.title === 'Linkedin' && } + {link?.title === 'Reddit' && } + + )}
    ) })}