commit d543cf84f5a7845660ff0413359161bdd4c43acc
parent c087e978787d57afcfed9831676a2e513ec77028
Author: MTRNord <mtrnord1@gmail.com>
Date: Mon, 24 Jan 2022 00:20:55 +0100
Replace Roboto with Inter Font
Diffstat:
3 files changed, 8 insertions(+), 3 deletions(-)
diff --git a/pages/_document.tsx b/pages/_document.tsx
@@ -7,7 +7,7 @@ class MyDocument extends Document {
<Head>
<link rel="preconnect" href="https://fonts.googleapis.com" />
<link rel="preconnect" href="https://fonts.gstatic.com" crossOrigin="" />
- <link href="https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&display=swap" rel="stylesheet" />
+ <link href="https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap" rel="stylesheet" />
</Head>
<body>
<Main />
diff --git a/pages/submit.tsx b/pages/submit.tsx
@@ -96,7 +96,7 @@ class Submit extends PureComponent<Props, State> {
render(): ReactNode {
return (
- <div className='min-h-full bg-[#fefefe]/[.95] dark:bg-[#14181E]/[.95]'>
+ <div className='min-h-full bg-[#f8f8f8] dark:bg-[#06070D]'>
<Head>
<title key="title">Matrix Art | Submit Post</title>
<meta property="og:title" content="Matrix Art | Submit Post" key="og-title" />
@@ -106,6 +106,11 @@ class Submit extends PureComponent<Props, State> {
</Head>
<Header></Header>
<main className='w-full lg:pt-20 pt-52 z-0'>
+ <div className='z-[100] sticky lg:top-20 top-[12.5rem] bg-[#fefefe]/[.95] dark:bg-[#14181E]/[.95]'>
+ <div className='h-16 px-10 w-full relative grid grid-cols-[1fr_auto_1fr] items-center' id='section-grid'>
+ <h1 className='text-xl text-gray-900 dark:text-gray-200 font-bold'>Submit Image</h1>
+ </div>
+ </div>
<div className="flex justify-center items-center mt-4">
<Dropzone accept='image/*' onDropAccepted={this.onDrop} onDropRejected={this.onDropError}>
{({ getRootProps, getInputProps }) => (
diff --git a/tailwind.config.js b/tailwind.config.js
@@ -5,7 +5,7 @@ module.exports = {
theme: {
extend: {
fontFamily: {
- sans: ['Roboto', ...defaultTheme.fontFamily.sans],
+ sans: ['Inter', ...defaultTheme.fontFamily.sans],
},
},
},
