fix: homepage filters layout

Signed-off-by: Chloe <pinkcloudvnn@gmail.com>
This commit is contained in:
Chloe 2024-06-12 18:22:27 +07:00
parent ca37984cff
commit 4edc2bb580
No known key found for this signature in database
GPG Key ID: CFD53CE570D42DF5
2 changed files with 2 additions and 2 deletions

View File

@ -13,7 +13,7 @@ const HomePageFilters = async () => {
<h1 className="text-4xl font-bold tracking-tight text-white lg:text-6xl">
Find Your Car Part
</h1>
<div className="mt-5">
<div className="mt-5 flex grow flex-col items-center gap-3 @md:flex-row">
<FiltersList
years={years}
makes={makes}

View File

@ -75,7 +75,7 @@ const Hero = async () => {
We will match or beat any competitor&apos;s pricing.
</p>
</div>
<div className="relative mx-auto flex max-w-4xl flex-col items-center ">
<div className="relative mx-auto flex w-3/4 max-w-4xl flex-col items-center @container">
<Suspense fallback={<HomePageFiltersPlaceholder />}>
<HomePageFilters />
</Suspense>