Add spacing below the shop's <lg filter bar
pb-2 wasn't enough — the first product card sat almost flush against the filter controls on mobile/tablet.
This commit is contained in:
@@ -80,7 +80,7 @@ export async function ProductGrid({
|
||||
as before. lg+: they move into a left sidebar instead (see aside
|
||||
below), so this is hidden there to avoid rendering twice. */}
|
||||
{hasSidebarFilter && (
|
||||
<div className="lg:hidden flex flex-col gap-4 pb-2">
|
||||
<div className="lg:hidden flex flex-col gap-4 pb-6">
|
||||
<PriceRangeFilter catalogMin={catalogMin} catalogMax={catalogMax} />
|
||||
<CategoryFilter categories={allCategories} />
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user