fix: add responsivness

This commit is contained in:
Bereket Engida
2024-09-17 18:49:41 +03:00
parent 5617925397
commit 43419f38f8
8 changed files with 34 additions and 39 deletions

View File

@@ -7,22 +7,22 @@ export default async function Home() {
"Email & Password", "Organization | Teams", "Passkeys", "TwoFactor", "Multi Factor", "Password Reset", "Session Management"
]
return (
<div className="min-h-[80vh] flex items-center justify-center">
<div className="min-h-[80vh] flex items-center justify-center overflow-hidden no-visible-scrollbar px-6 md:px-0">
<main className="flex flex-col gap-4 row-start-2 items-center justify-center">
<div className="flex flex-col gap-1">
<h3 className="font-bold text-4xl text-black dark:text-white text-center">
Better Auth.
</h3>
<p className="text-center break-words">
<p className="text-center break-words text-sm md:text-base">
Official demo to showcase <a href="https://better-auth.com" target="_blank" className="italic underline">better-auth.</a> features and capabilities. <br />
</p>
</div>
<div className="md:w-10/12 w-full flex flex-col gap-4">
<div className="flex flex-col gap-3 pt-2 flex-wrap">
<div className="border-y py-2 border-dotted bg-secondary/60 opacity-80">
<div className="text-xs flex items-center gap-2 justify-center text-muted-foreground italic">
<div className="text-xs flex items-center gap-2 justify-center text-muted-foreground ">
<span className="text-center">
* All features on this demo are Implemented with better auth without any custom backend code
All features on this demo are Implemented with better auth without any custom backend code
</span>
</div>
</div>