asyavee/medusa-store
1
0
Fork 0
Code Issues Pull Requests Actions 2 Packages Projects Releases Wiki Activity

docs: fix oneOf design hiding more than three items (#10077)

Browse Source 
* docs: fix oneOf design hiding more than three items

* fix lint errors

* fix eslint
This commit is contained in:
Shahed Nasser
2024-11-13 17:41:49 +02:00
committed by GitHub
parent 938f3bd934
commit 662b096a46
3 changed files with 10 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
www/apps/api-reference/components/Tags/Operation/Parameters/Types/OneOf/index.tsx
View File

@@ -66,19 +66,21 @@ const TagOperationParamatersOneOf = ({
return (
<>
<div className={clsx("flex items-center gap-1 pl-1")}>
<span className="inline-block">One of</span>
<ul className="mb-0 flex list-none gap-1">
<span className="inline-block text-compact-x-small">One of</span>
<ul className="mb-0 flex list-none gap-0.5 flex-wrap">
{schema.oneOf?.map((item, index) => (
<li
key={index}
className={clsx(
"rounded-xs cursor-pointer p-0.5",
"border border-solid",
"rounded-full cursor-pointer px-[10px]",
"flex justify-center items-center text-compact-small-plus",
"focus:shadow-borders-interactive-with-focus transition-colors",
activeTab === index && [
"bg-medusa-bg-subtle border-medusa-border-strong",
"text-medusa-fg-base bg-medusa-bg-base",
"shadow-elevation-card-rest dark:shadow-elevation-card-rest-dark",
],
activeTab !== index && [
"bg-medusa-bg-base border-medusa-border-base",
"text-medusa-fg-muted hover:text-medusa-fg-base",
]
)}
onClick={() => setActiveTab(index)}