From 9ab9089f4f7f5d29d54ee91033683b68cb6de5e5 Mon Sep 17 00:00:00 2001 From: AderKonstantin Date: Fri, 28 Mar 2025 18:25:22 +0300 Subject: [PATCH] =?UTF-8?q?=E2=9C=A8=20feat:=20Enhance=20blog=20post=20lay?= =?UTF-8?q?out=20and=20typography?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit This commit introduces the following changes: - Increase the maximum width of the blog post layout from 3XL to 4XL on larger screens, providing more space for content. - Change the body font from "JetBrains Mono" to "Open Sans" to improve readability and aesthetics. - Increase the horizontal margin on larger screens from 72px to 80px, creating more breathing room around the content. These changes aim to enhance the overall presentation and user experience of the blog post layout, making it more visually appealing and comfortable to read. --- app/blogpost/layout.tsx | 2 +- app/globals.css | 2 +- app/layout.tsx | 2 +- 3 files changed, 3 insertions(+), 3 deletions(-) diff --git a/app/blogpost/layout.tsx b/app/blogpost/layout.tsx index cf89c29..a9bb4ac 100644 --- a/app/blogpost/layout.tsx +++ b/app/blogpost/layout.tsx @@ -9,7 +9,7 @@ import MainFooter from "@/components/footer/main"; export default function RootLayout({ children }: { children: React.ReactNode }) { return ( -
+
{children}
); diff --git a/app/globals.css b/app/globals.css index b48c6f8..6417721 100644 --- a/app/globals.css +++ b/app/globals.css @@ -15,7 +15,7 @@ body { color: var(--foreground); background: var(--background); - font-family: "JetBrains Mono", monospace; + font-family: "Open Sans", sans-serif; } .dark { diff --git a/app/layout.tsx b/app/layout.tsx index 71dfdca..8ea897e 100644 --- a/app/layout.tsx +++ b/app/layout.tsx @@ -32,7 +32,7 @@ export default function RootLayout({ children }: { children: React.ReactNode }) return ( -
+
{children}