github-personal/firezone
1
0
Fork 0
mirror of https://github.com/outbackdingo/firezone.git synced 2026-01-27 18:18:55 +00:00
Code Issues Packages Projects Releases Wiki Activity

docs: Adjust format size based on screen size (#4724)

Browse Source 
Updates typography to scale with screen size for docs and website blog.
This commit is contained in:
Jamil
2024-04-20 20:08:52 -07:00
committed by GitHub
parent 6dfb2ac814
commit 1c2ceaefac
3 changed files with 3 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
website/src/app/docs/layout.tsx
View File

@@ -8,7 +8,7 @@ export default function Layout({ children }: { children: React.ReactNode }) {
<DocsSidebar />
<main className="p-4 pt-20 -ml-64 md:ml-0 lg:mx-auto">
<div className="px-4">
<article className="max-w-screen-md format format-firezone format-sm">
<article className="max-w-screen-md format format-sm md:format-md lg:format-lg format-firezone">
{children}
</article>
</div>

2
website/src/app/kb/layout.tsx
View File

@@ -7,7 +7,7 @@ export default function Layout({ children }: { children: React.ReactNode }) {
<KbSidebar />
<main className="p-4 pt-20 -ml-64 md:ml-0 lg:mx-auto">
<div className="px-4">
<article className="max-w-screen-md format format-sm format-firezone">
<article className="max-w-screen-md format format-sm md:format-md lg:format-lg format-firezone">
{children}
</article>
</div>

2
website/src/components/Blog/Post/index.tsx
View File

@@ -19,7 +19,7 @@ export default function Post({
return (
<main className="py-14 lg:pb-24 border border-b-1 ">
<div className="flex justify-between px-4 mx-auto max-w-screen-xl">
<article className="mx-auto w-full max-w-2xl format format-lg format-firezone">
<article className="mx-auto w-full max-w-2xl format format-sm md:format-md lg:format-lg format-firezone">
<header className="mb-4 lg:mb-6 not-format">
<address className="flex items-center mb-6 not-italic">
<div className="inline-flex items-center mr-3 text-sm ">