crowetic/commerce
1
0
Fork 1
mirror of https://github.com/vercel/commerce.git synced 2025-05-13 05:07:51 +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
No known key found for this signature in database
GPG Key ID: CFD53CE570D42DF5
2 changed files with 5 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
components/display-tabs.tsx
View File

@ -22,7 +22,7 @@ const DisplayTabs = ({ items }: DisplayTabsProps) => {
</Tab> </Tab>
))} ))}
</TabList> </TabList>
<TabPanels className="mt-3"> <TabPanels className="mt-5">
{items.map((item) => ( {items.map((item) => (
<TabPanel key={item.title}> <TabPanel key={item.title}>
<RichTextDisplay contentBlocks={JSON.parse(item.content || '{}').children} /> <RichTextDisplay contentBlocks={JSON.parse(item.content || '{}').children} />

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"> <div className="h-auto max-h-[700px] w-full overflow-auto rounded px-10 py-6 shadow">
<p className="flex items-center gap-2"> <p className="flex items-center gap-2">
<StarIcon className="size-4" /> <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> </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) => ( {popularManufacturers.map((manufacturer) => (
<div key={manufacturer.id} className="flex flex-col gap-3"> <div key={manufacturer.id} className="flex flex-col gap-3">
<ManufacturerItem manufacturer={manufacturer} /> <ManufacturerItem manufacturer={manufacturer} />
@ -30,9 +30,9 @@ const ManufacturersGrid = ({ manufacturers, variant = 'home' }: ManufacturersGri
<hr className="my-10 w-full" /> <hr className="my-10 w-full" />
<p className="flex items-center gap-2"> <p className="flex items-center gap-2">
<GlobeAltIcon className="size-4" /> <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> </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 {manufacturers
.toSorted((a, b) => a.display_name!.localeCompare(b.display_name!)) .toSorted((a, b) => a.display_name!.localeCompare(b.display_name!))
.map((manufacturer) => ( .map((manufacturer) => (