OpenSource/homepage
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Fix layout parsing

Browse Source
This commit is contained in:
shamoon 2024-11-27 14:45:43 -08:00
parent 677af8b5be
commit 34a37da55a
1 changed files with 7 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
src/components/services/group.jsx
View File

@ -1,5 +1,6 @@
import { useRef, useEffect } from "react"; import { useRef, useEffect } from "react";
import classNames from "classnames"; import classNames from "classnames";
import { columnMap } from "../../utils/layout/columns";
import { Disclosure, Transition } from "@headlessui/react"; import { Disclosure, Transition } from "@headlessui/react";
import { MdKeyboardArrowDown } from "react-icons/md"; import { MdKeyboardArrowDown } from "react-icons/md";
@ -76,13 +77,17 @@ export default function ServicesGroup({
> >
<Disclosure.Panel className="transition-all overflow-hidden duration-300 ease-out" ref={panel} static> <Disclosure.Panel className="transition-all overflow-hidden duration-300 ease-out" ref={panel} static>
{groups?.length ? ( {groups?.length ? (
<div className="grid grid-cols-1 gap-2"> <div
className={`grid ${
layout?.style === "row" ? `grid ${columnMap[layout?.columns]} gap-x-2` : "flex flex-col"
} gap-2`}
>
{groups.map((subgroup) => ( {groups.map((subgroup) => (
<ServicesGroup <ServicesGroup
key={subgroup.name} key={subgroup.name}
group={subgroup.name} group={subgroup.name}
services={subgroup} services={subgroup}
layout={layout} layout={layout?.[subgroup.name]}
fiveColumns={fiveColumns} fiveColumns={fiveColumns}
disableCollapse={disableCollapse} disableCollapse={disableCollapse}
useEqualHeights={useEqualHeights} useEqualHeights={useEqualHeights}