apps/web: fix favicon base path

This commit is contained in:
Chika 2022-11-28 20:25:42 +03:00
parent f1638c9178
commit b6d1608fe0
2 changed files with 9 additions and 7 deletions

View File

@ -3,6 +3,7 @@ const path = require('path');
const runtimeConfig = {
appTitle: process.env.APP_TITLE,
description: process.env.APP_DESCRIPTION,
basePath: process.env.BASE_PATH,
};
/** @type {import('next').NextConfig} */

View File

@ -1,7 +1,8 @@
import Document, { Head, Html, Main, NextScript } from 'next/document';
import getConfig from 'next/config';
import Document, { Head, Html, Main, NextScript } from 'next/document';
const { serverRuntimeConfig: config } = getConfig();
const { basePath = '', description } = config;
export default class MyDocument extends Document {
render() {
@ -9,13 +10,13 @@ export default class MyDocument extends Document {
<Html lang="ru" translate="no">
<Head>
<meta charSet="utf-8" />
<meta name="description" content={config.description} />
<meta name="description" content={description} />
<link rel="apple-touch-icon" sizes="120x120" href="/apple-touch-icon.png" />
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png" />
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png" />
<link rel="manifest" href="/site.webmanifest" />
<link rel="mask-icon" href="/safari-pinned-tab.svg" color="#5bbad5" />
<link rel="apple-touch-icon" sizes="120x120" href={`${basePath}/apple-touch-icon.png`} />
<link rel="icon" type="image/png" sizes="32x32" href={`${basePath}/favicon-32x32.png`} />
<link rel="icon" type="image/png" sizes="16x16" href={`${basePath}/favicon-16x16.png`} />
<link rel="manifest" href={`${basePath}/site.webmanifest`} />
<link rel="mask-icon" href={`${basePath}/safari-pinned-tab.svg`} color="#5bbad5" />
<meta name="msapplication-TileColor" content="#1c01a9" />
<meta name="theme-color" content="#ffffff" />
</Head>