Applied-Software/ghostty
5
0
Fork 0
mirror of https://github.com/ghostty-org/ghostty.git synced 2025-07-14 15:56:13 +03:00
Code Issues Packages Projects Releases Wiki Activity

website: put ghostty icon in top

Browse Source
This commit is contained in:
Mitchell Hashimoto
2023-10-06 07:35:09 -07:00
parent 894e5f0626
commit 8f1cc5fab3
1 changed files with 13 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
website/app/vt/layout.tsx
View File

@ -1,13 +1,21 @@
import Image from "next/image";
import Link from "next/link";
import "@/styles/code.css";
export default function Layout({ children }: { children: React.ReactNode }) {
return (
<div className="flex justify-center font-mono mt-8">
<div className="flex-1"></div>
<div className="w-1/2 max-w-[800px] prose prose-h1:text-base prose-h1:font-bold prose-h2:text-base prose-h2:font-bold prose-h3:text-base prose-h3:font-bold prose-p:text-base prose-h1:m-0 prose-h1:mb-1.5 prose-h2:m-0 prose-h2:mb-1.5 prose-h3:m-0 prose-h3:mb-1.5 prose-invert">
{children}
<div className="max-w-[850px] justify-center ml-auto mr-auto">
<div className="mt-4 mb-4">
<Link href="/">
<Image src="/icon.png" width={50} height={50} alt="Ghostty Logo" />
</Link>
</div>
<div className="font-mono">
<div className="max-w-full prose prose-h1:text-base prose-h1:font-bold prose-h2:text-base prose-h2:font-bold prose-h3:text-base prose-h3:font-bold prose-p:text-base prose-h1:m-0 prose-h1:mb-1.5 prose-h2:m-0 prose-h2:mb-1.5 prose-h3:m-0 prose-h3:mb-1.5 prose-invert">
{children}
</div>
</div>
<div className="flex-1"></div>
</div>
);
}