beenull/hostforge
1
0
Fork 0
Code Issues Pull requests Actions Packages Projects Releases Wiki Activity

feat: new font

Browse source
This commit is contained in:
Derock 2024-01-03 22:41:02 -05:00
parent 38c05d912e
commit f498aa37ac
No known key found for this signature in database
2 changed files with 13 additions and 9 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

7
src/app/layout.tsx
View file

@ -1,15 +1,16 @@
import "~/styles/globals.css";
import { Inter } from "next/font/google";
import { Outfit } from "next/font/google";
import { cookies } from "next/headers";
import { ThemeProvider } from "~/components/contexts/ThemeProvider";
import { ToastProvider } from "~/components/contexts/ToastProvider";
import { TRPCReactProvider } from "~/trpc/react";
import Footer from "./_footer/Footer";
const inter = Inter({
const outfit = Outfit({
subsets: ["latin"],
variable: "--font-sans",
weight: ["100", "300", "400", "500", "700", "900"],
});
export const metadata = {
@ -26,7 +27,7 @@ export default function RootLayout({
return (
<html lang="en">
<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()}>
<ThemeProvider attribute="class" defaultTheme="dark" enableSystem>

15
tailwind.config.ts
View file

@ -2,11 +2,11 @@
module.exports = {
darkMode: ["class"],
content: [
'./pages/**/*.{ts,tsx}',
'./components/**/*.{ts,tsx}',
'./app/**/*.{ts,tsx}',
'./src/**/*.{ts,tsx}',
],
"./pages/**/*.{ts,tsx}",
"./components/**/*.{ts,tsx}",
"./app/**/*.{ts,tsx}",
"./src/**/*.{ts,tsx}",
],
theme: {
container: {
center: true,
@ -16,6 +16,9 @@ module.exports = {
},
},
extend: {
fontFamily: {
sans: ["var(--font-sans)", "Segoe UI", "sans-serif"],
},
colors: {
border: "hsl(var(--border))",
input: "hsl(var(--input))",
@ -73,4 +76,4 @@ module.exports = {
},
},
plugins: [require("tailwindcss-animate")],
}
};