Chore: move custom css loading, add letter-spacing (#4359)

3 weeks ago · a28952ce69
parent 276a1c3ef4
commit a28952ce69
3 changed files with 3 additions and 2 deletions
--- a/src/pages/_document.jsx
+++ b/src/pages/_document.jsx
@ -10,6 +10,8 @@ export default function Document() {
        />
        <meta name="mobile-web-app-capable" content="yes" />
        <link rel="manifest" href="/site.webmanifest?v=4" crossOrigin="use-credentials" />
+        <link rel="preload" href="/api/config/custom.css" as="style" />
+        <link rel="stylesheet" href="/api/config/custom.css" /> {/* eslint-disable-line @next/next/no-css-tags */}
      </Head>
      <body>
        <Main />
--- a/src/pages/index.jsx
+++ b/src/pages/index.jsx
@ -374,8 +374,6 @@ function Home({ initialSettings }) {
        )}
        <meta name="msapplication-TileColor" content={themes[settings.color || "slate"][settings.theme || "dark"]} />
        <meta name="theme-color" content={themes[settings.color || "slate"][settings.theme || "dark"]} />
-        <link rel="preload" href="/api/config/custom.css" as="style" />
-        <link rel="stylesheet" href="/api/config/custom.css" /> {/* eslint-disable-line @next/next/no-css-tags */}
      </Head>

      <Script src="/api/config/custom.js" />
--- a/src/styles/globals.css
+++ b/src/styles/globals.css
@ -16,6 +16,7 @@ body {
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
+  letter-spacing: 0.1px;
 }

 #page_wrapper {