kris/reacord
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

more landing layout fixes

Browse Source
This commit is contained in:
MapleLeaf
2021-12-30 20:28:32 -06:00
parent 88e98a9bc1
commit a14120a2f8
1 changed files with 6 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
packages/docs/app/routes/index.tsx
View File

@@ -10,15 +10,13 @@ export default function Landing() {
<header className={maxWidthContainer}> <header className={maxWidthContainer}>
<MainNavigation /> <MainNavigation />
</header> </header>
<div className="pt-0 px-4 pb-8 m-auto"> <div className="px-4 pb-8 flex flex-1">
<main className="max-w-screen-md px-4 py-6 m-auto space-y-5 rounded-lg shadow-md bg-slate-800"> <main className="px-4 py-6 rounded-lg shadow-md bg-slate-800 space-y-5 m-auto w-full max-w-xl">
<h1 className="text-6xl font-light">reacord</h1> <h1 className="text-6xl font-light">reacord</h1>
<div className="overflow-x-auto"> <section className="mx-auto shadow text-sm sm:text-base">
<section className="mx-auto text-sm shadow w-fit sm:text-base">
<LandingExample /> <LandingExample />
</section> </section>
</div> <p className="text-2xl font-light">{packageJson.description}</p>
<p className="px-8 text-2xl font-light">{packageJson.description}</p>
<Link <Link
to="/docs/guides/getting-started" to="/docs/guides/getting-started"
className="inline-block px-4 py-3 text-xl transition rounded-lg bg-emerald-700 hover:translate-y-[-2px] hover:bg-emerald-800 hover:shadow-md" className="inline-block px-4 py-3 text-xl transition rounded-lg bg-emerald-700 hover:translate-y-[-2px] hover:bg-emerald-800 hover:shadow-md"