docs: improve responsivness

This commit is contained in:
Bereket Engida
2024-11-25 23:53:45 +03:00
parent ca5e90883c
commit 67d953e3f5
2 changed files with 3 additions and 3 deletions

View File

@@ -260,7 +260,7 @@ export function Builder() {
<span className="absolute -bottom-0 left-[1.125rem] h-px w-[calc(100%-2.25rem)] bg-gradient-to-r from-emerald-400/0 via-stone-800/90 to-emerald-400/0 transition-opacity duration-500 group-hover:opacity-40"></span>
</button>
</DialogTrigger>
<DialogContent className="max-w-7xl h-5/6 overflow-clip">
<DialogContent className="max-w-7xl h-5/6 overflow-clip !rounded-none">
<DialogHeader>
<DialogTitle>Create Sign in Box</DialogTitle>
<DialogDescription>

View File

@@ -49,7 +49,7 @@ function TrafficLightsIcon(props: React.ComponentPropsWithoutRef<"svg">) {
export default function Hero() {
return (
<section className="h-[40rem] w-full rounded-md flex md:items-center md:justify-center dark:bg-black/[0.96] antialiased bg-grid-white/[0.02] relative overflow-hidden px-8">
<section className="max-h-[40rem] w-full flex md:items-center md:justify-center dark:bg-black/[0.96] antialiased bg-grid-white/[0.02] relative overflow-hidden px-8 md:min-h-[40rem]">
<Spotlight />
<div className="overflow-hidden bg-transparent md:px-10 dark:-mb-32 dark:mt-[-4.75rem] dark:pb-32 dark:pt-[4.75rem]">
<div className="lg:max-w-8xl mx-auto grid max-w-full grid-cols-1 items-center gap-x-8 gap-y-16 px-4 py-2 lg:grid-cols-2 lg:px-8 lg:py-4 xl:gap-x-16 xl:px-12">