feat: new font
This commit is contained in:
parent
38c05d912e
commit
f498aa37ac
|
@ -1,15 +1,16 @@
|
||||||
import "~/styles/globals.css";
|
import "~/styles/globals.css";
|
||||||
|
|
||||||
import { Inter } from "next/font/google";
|
import { Outfit } from "next/font/google";
|
||||||
import { cookies } from "next/headers";
|
import { cookies } from "next/headers";
|
||||||
import { ThemeProvider } from "~/components/contexts/ThemeProvider";
|
import { ThemeProvider } from "~/components/contexts/ThemeProvider";
|
||||||
import { ToastProvider } from "~/components/contexts/ToastProvider";
|
import { ToastProvider } from "~/components/contexts/ToastProvider";
|
||||||
import { TRPCReactProvider } from "~/trpc/react";
|
import { TRPCReactProvider } from "~/trpc/react";
|
||||||
import Footer from "./_footer/Footer";
|
import Footer from "./_footer/Footer";
|
||||||
|
|
||||||
const inter = Inter({
|
const outfit = Outfit({
|
||||||
subsets: ["latin"],
|
subsets: ["latin"],
|
||||||
variable: "--font-sans",
|
variable: "--font-sans",
|
||||||
|
weight: ["100", "300", "400", "500", "700", "900"],
|
||||||
});
|
});
|
||||||
|
|
||||||
export const metadata = {
|
export const metadata = {
|
||||||
|
@ -26,7 +27,7 @@ export default function RootLayout({
|
||||||
return (
|
return (
|
||||||
<html lang="en">
|
<html lang="en">
|
||||||
<body
|
<body
|
||||||
className={`font-sans ${inter.variable} min-h-screen min-w-full p-4`}
|
className={`font-sans ${outfit.variable} min-h-screen min-w-full p-4`}
|
||||||
>
|
>
|
||||||
<TRPCReactProvider cookies={cookies().toString()}>
|
<TRPCReactProvider cookies={cookies().toString()}>
|
||||||
<ThemeProvider attribute="class" defaultTheme="dark" enableSystem>
|
<ThemeProvider attribute="class" defaultTheme="dark" enableSystem>
|
||||||
|
|
|
@ -2,11 +2,11 @@
|
||||||
module.exports = {
|
module.exports = {
|
||||||
darkMode: ["class"],
|
darkMode: ["class"],
|
||||||
content: [
|
content: [
|
||||||
'./pages/**/*.{ts,tsx}',
|
"./pages/**/*.{ts,tsx}",
|
||||||
'./components/**/*.{ts,tsx}',
|
"./components/**/*.{ts,tsx}",
|
||||||
'./app/**/*.{ts,tsx}',
|
"./app/**/*.{ts,tsx}",
|
||||||
'./src/**/*.{ts,tsx}',
|
"./src/**/*.{ts,tsx}",
|
||||||
],
|
],
|
||||||
theme: {
|
theme: {
|
||||||
container: {
|
container: {
|
||||||
center: true,
|
center: true,
|
||||||
|
@ -16,6 +16,9 @@ module.exports = {
|
||||||
},
|
},
|
||||||
},
|
},
|
||||||
extend: {
|
extend: {
|
||||||
|
fontFamily: {
|
||||||
|
sans: ["var(--font-sans)", "Segoe UI", "sans-serif"],
|
||||||
|
},
|
||||||
colors: {
|
colors: {
|
||||||
border: "hsl(var(--border))",
|
border: "hsl(var(--border))",
|
||||||
input: "hsl(var(--input))",
|
input: "hsl(var(--input))",
|
||||||
|
@ -73,4 +76,4 @@ module.exports = {
|
||||||
},
|
},
|
||||||
},
|
},
|
||||||
plugins: [require("tailwindcss-animate")],
|
plugins: [require("tailwindcss-animate")],
|
||||||
}
|
};
|
||||||
|
|
Loading…
Reference in a new issue