VSinerva/freesewing
1
0
Fork 0
Code Activity

chore(sites): Improved tabbed example mdx component

Browse source
This commit is contained in:
joostdecock 2024-01-07 16:33:38 +01:00
parent d9741254a9
commit 2d37cc6ee5
1 changed files with 19 additions and 22 deletions
Download patch file Download diff file Expand all files Collapse all files

9
sites/shared/components/tabs.mjs
View file

@ -32,12 +32,9 @@ export const Tabs = ({ tabs = '', active = 0, children, withModal = false }) =>
}`
return withModal && activeTab === tabId ? (
<div className={`flex flex-row justify-between w-1/${tablist.length}`}>
<button key={tabId} className={btnClasses} onClick={() => setActiveTab(tabId)}>
{title}
</button>
<button
className={`${btnClasses} px-0`}
key={tabId}
className={btnClasses}
onClick={() =>
setModal(
<ModalWrapper
@ -51,9 +48,9 @@ export const Tabs = ({ tabs = '', active = 0, children, withModal = false }) =>
)
}
>
<span className="pr-2">{title}</span>
<KioskIcon className="w-6 h-6 hover:text-secondary" />
</button>
</div>
) : (
<button key={tabId} className={btnClasses} onClick={() => setActiveTab(tabId)}>
{title}