crowetic/commerce
1
0
Fork 1
mirror of https://github.com/vercel/commerce.git synced 2025-07-23 04:36:49 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix: increase spaces

Browse Source 
Signed-off-by: Chloe <pinkcloudvnn@gmail.com>
This commit is contained in:
Chloe
2024-06-09 12:36:08 +07:00
parent 9e9573c7be
commit a3d416a19b
2 changed files with 5 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
components/manufacturers-grid/index.tsx
View File

@@ -17,9 +17,9 @@ const ManufacturersGrid = ({ manufacturers, variant = 'home' }: ManufacturersGri
<div className="h-auto max-h-[700px] w-full overflow-auto rounded px-10 py-6 shadow">
<p className="flex items-center gap-2">
<StarIcon className="size-4" />
<span className="text-sm font-medium text-blue-800">Popular Manufacturers</span>
<span className="font-medium text-blue-800">Popular Manufacturers</span>
</p>
<div className="mt-6 grid grid-cols-2 gap-x-12 gap-y-7 md:grid-cols-3 lg:grid-cols-4 xl:grid-cols-5">
<div className="mt-6 grid grid-cols-2 gap-x-12 gap-y-5 md:grid-cols-3 md:gap-y-8 lg:grid-cols-4 xl:grid-cols-5">
{popularManufacturers.map((manufacturer) => (
<div key={manufacturer.id} className="flex flex-col gap-3">
<ManufacturerItem manufacturer={manufacturer} />
@@ -30,9 +30,9 @@ const ManufacturersGrid = ({ manufacturers, variant = 'home' }: ManufacturersGri
<hr className="my-10 w-full" />
<p className="flex items-center gap-2">
<GlobeAltIcon className="size-4" />
<span className="text-sm font-medium text-blue-800">All Manufacturers</span>
<span className="font-medium text-blue-800">All Manufacturers</span>
</p>
<div className="mt-6 grid grid-cols-2 gap-x-12 gap-y-7 md:grid-cols-3 lg:grid-cols-4 xl:grid-cols-5">
<div className="mt-6 grid grid-cols-2 gap-x-12 gap-y-5 md:grid-cols-3 md:gap-y-8 lg:grid-cols-4 xl:grid-cols-5">
{manufacturers
.toSorted((a, b) => a.display_name!.localeCompare(b.display_name!))
.map((manufacturer) => (