santasri.pachhal/road-monitoring-ui
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

style: restore default heading and paragraph typography

Browse Source
This commit is contained in:
santasri.pachhal
2026-06-18 17:20:33 +05:30
parent 62ebf1ebf6
commit d8fa02dc5d
3 changed files with 21 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/app/globals.css
View File

@@ -78,7 +78,7 @@
} }
@theme inline { @theme inline {
--font-sans: 'Geist', 'Geist Fallback', system-ui, sans-serif; --font-sans: 'Poppins', 'Poppins Fallback', system-ui, sans-serif;
--font-mono: 'Geist Mono', 'Geist Mono Fallback', monospace; --font-mono: 'Geist Mono', 'Geist Mono Fallback', monospace;
--color-background: var(--background); --color-background: var(--background);
--color-foreground: var(--foreground); --color-foreground: var(--foreground);

9
src/app/layout.tsx
View File

@@ -1,14 +1,15 @@
import type { Metadata } from 'next'; import type { Metadata } from 'next';
import { Geist, Geist_Mono } from 'next/font/google'; import { Geist_Mono, Poppins } from 'next/font/google';
import './globals.css'; import './globals.css';
import { ThemeProvider } from '@/providers/ThemeProvider'; import { ThemeProvider } from '@/providers/ThemeProvider';
import AppInitializer from '@/providers/AppInitializer'; import AppInitializer from '@/providers/AppInitializer';
import QueryProvider from '@/providers/QueryProvider'; import QueryProvider from '@/providers/QueryProvider';
import { Toaster } from '@/components/ui/sonner'; import { Toaster } from '@/components/ui/sonner';
const geistSans = Geist({ const poppins = Poppins({
variable: '--font-geist-sans', variable: '--font-poppins',
subsets: ['latin'], subsets: ['latin'],
weight: ['400', '500', '600', '700'],
}); });
const geistMono = Geist_Mono({ const geistMono = Geist_Mono({
@@ -32,7 +33,7 @@ export default function RootLayout({
return ( return (
<html lang="en" suppressHydrationWarning> <html lang="en" suppressHydrationWarning>
<body <body
className={`${geistSans.variable} ${geistMono.variable} antialiased`} className={`${poppins.variable} ${geistMono.variable} antialiased`}
> >
<ThemeProvider <ThemeProvider
attribute="class" attribute="class"

24
src/app/typography.css
View File

@@ -5,10 +5,11 @@
h4, h4,
h5, h5,
h6 { h6 {
/* margin: 0.1rem 0 0.1rem; */
font-family: inherit; font-family: inherit;
font-weight: 600; font-weight: 500;
line-height: 1.2; line-height: 1.2;
letter-spacing: 0;
text-transform: capitalize;
color: var(--foreground); color: var(--foreground);
} }
@@ -22,32 +23,37 @@
} }
h1 { h1 {
font-size: 2rem; font-size: 35px;
} }
h2 { h2 {
font-size: 1.875rem; font-size: 30px;
} }
h3 { h3 {
font-size: 1.75rem; font-size: 25px;
} }
h4 { h4 {
font-size: 1.5rem; font-size: 20px;
} }
h5 { h5 {
font-size: 1.25rem; font-size: 15px;
} }
h6 { h6 {
font-size: 1rem; font-size: 10px;
} }
p { p {
margin: 0.2rem 0 0.1rem; margin: 0.2rem 0 0.1rem;
/* line-height: 1.5; */ font-family: inherit;
font-size: 14px;
font-weight: 500;
line-height: 1;
letter-spacing: 0;
text-transform: capitalize;
} }
p:last-child { p:last-child {