diff --git a/next.config.js b/next.config.js index 4a0f2c8..89860b1 100644 --- a/next.config.js +++ b/next.config.js @@ -9,7 +9,7 @@ const withNextIntl = createNextIntlPlugin(); var nextConfig = { output: 'export', images: { - loader: 'custom', + unoptimized: true, }, } diff --git a/public/favicon.ico b/public/favicon.ico new file mode 100644 index 0000000..37d4a28 Binary files /dev/null and b/public/favicon.ico differ diff --git a/public/menu/logo.png b/public/menu/logo.png new file mode 100644 index 0000000..6a0ef70 Binary files /dev/null and b/public/menu/logo.png differ diff --git a/src/components/language/LanguageSwitcher.module.css b/src/components/language/LanguageSwitcher.module.css index 9571734..e611a0a 100644 --- a/src/components/language/LanguageSwitcher.module.css +++ b/src/components/language/LanguageSwitcher.module.css @@ -12,10 +12,10 @@ } .selectedLanguage { - padding: 0.8rem 1rem; + padding-left: 1px; + padding-right: 3px; color: rgb(117, 115, 115); - font-family: Montserrat; - font-size: 13px; + font-size: clamp(10px, 1.25vw, 34px); font-weight: 500; line-height: 16px; letter-spacing: 0%; @@ -44,8 +44,7 @@ .option { padding: 0.8rem 1rem; color: rgb(117, 115, 115); - font-family: Montserrat; - font-size: 13px; + font-size: clamp(10px, 1.25vw, 34px); font-weight: 500; line-height: 16px; letter-spacing: 0%; diff --git a/src/components/language/LanguageSwitcher.tsx b/src/components/language/LanguageSwitcher.tsx index fc4093e..76ac0ff 100644 --- a/src/components/language/LanguageSwitcher.tsx +++ b/src/components/language/LanguageSwitcher.tsx @@ -2,6 +2,9 @@ import { useState, ChangeEvent, ReactNode, useTransition } from 'react'; import Image from 'next/image'; import { useRouter, usePathname, useParams } from 'next/navigation'; import styles from './LanguageSwitcher.module.css'; +import { Montserrat } from 'next/font/google'; + +const montserrat = Montserrat({ subsets: ['latin', 'cyrillic'] }) type LocaleOption = { code: string; @@ -42,7 +45,7 @@ const LanguageSwitcher = () => { return (
Icon change language -
+
{locales.find((locale) => locale.code === selectedLocale)?.label}
Arrow change language @@ -51,7 +54,7 @@ const LanguageSwitcher = () => { {locales.map((locale) => (
  • onSelectChange({ target: { value: locale.code } } as ChangeEvent)} > {locale.label} diff --git a/src/components/navigation/DesktopNavigation.tsx b/src/components/navigation/DesktopNavigation.tsx index 4e07689..b700442 100644 --- a/src/components/navigation/DesktopNavigation.tsx +++ b/src/components/navigation/DesktopNavigation.tsx @@ -1,12 +1,12 @@ import styles from './desktop.module.css'; import { Murecho } from 'next/font/google'; import { Open_Sans } from 'next/font/google'; -import Logo from './logo'; import LanguageSwitcher from '../language/LanguageSwitcher'; import {useTranslations} from 'next-intl'; +import Image from 'next/image'; -const murecho = Murecho({ subsets: ['latin'] }); -const open_sans = Open_Sans({ subsets: ['latin'] }); +const murecho = Murecho({ subsets: ['latin', 'cyrillic'] }); +const open_sans = Open_Sans({ subsets: ['latin', 'cyrillic'] }); export default function DesktopNavigation() { const t = useTranslations('Menu'); @@ -14,7 +14,7 @@ export default function DesktopNavigation() {
    - + AploCoin logo
    {t('whatIsAplo')} {t('mining')} diff --git a/src/components/navigation/desktop.module.css b/src/components/navigation/desktop.module.css index ad26cef..1332eac 100644 --- a/src/components/navigation/desktop.module.css +++ b/src/components/navigation/desktop.module.css @@ -4,30 +4,42 @@ margin-bottom: 1.56vh; box-shadow: 0px 2px 4px 0px rgba(50, 50, 93, 0.1); background: rgb(255, 255, 255); + padding: 0px 2.01vw; } +.logo { + height: auto; + width: 4.375vw; + padding: 3.5px; + margin-right: clamp(8px, 2.08vw, 50px); +} + + .url-button{ color: rgb(125, 125, 125); - font-size: clamp(12px, 1.25vw, 34px); + font-size: clamp(10px, 1.25vw, 34px); font-weight: 500; letter-spacing: 0%; text-align: center; - margin-right: clamp(8px, 3.95vw, 50px); + margin-right: clamp(8px, 2.77vw, 50px); } .donate-button { display: flex; align-items: center; + justify-content: center; + width: 7vw; + height: 3.5vh; border-radius: 2px; background: rgb(51, 128, 179); - padding: clamp(8px, 0.78vh, 24px) clamp(20px, 2.43vw, 50px); + margin-right: 2.77vw; } .donate-text { height: auto; color: rgb(255, 255, 255); - font-size: clamp(8px, 1.11vw, 34px); + font-size: clamp(10px, 1vw, 34px); font-weight: 700; text-align: right; text-transform: uppercase; -} \ No newline at end of file +} diff --git a/src/components/navigation/logo.tsx b/src/components/navigation/logo.tsx deleted file mode 100644 index 0c79e15..0000000 --- a/src/components/navigation/logo.tsx +++ /dev/null @@ -1,29 +0,0 @@ -export default function Logo() { - return ( -
    - - - - - - - - - - - - - - - - - - - - - - - -
    - ) -} \ No newline at end of file diff --git a/src/favicon.ico b/src/favicon.ico new file mode 100644 index 0000000..37d4a28 Binary files /dev/null and b/src/favicon.ico differ