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

docs: redesign API runner (#8688)

Browse Source 
* fix up block style + plain theme color

* initial redesign

* docs: redesign API Runner

* revert yarn.lock changes
This commit is contained in:
Shahed Nasser
2024-08-21 17:48:16 +03:00
committed by GitHub
parent 539266559c
commit 64283d0e83
10 changed files with 194 additions and 75 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
www/packages/docs-ui/src/components/Button/index.tsx
View File

@@ -28,7 +28,7 @@ export const Button = ({
}: ButtonProps) => {
const variantClasses = {
primary: [
"px-[10px] py-[6px] rounded-docs_sm cursor-pointer",
"px-docs_0.5 py-docs_0.25 rounded-docs_sm cursor-pointer",
"bg-medusa-button-inverted",
"hover:bg-medusa-button-inverted-hover hover:no-underline",
"active:bg-medusa-button-inverted-pressed",
@@ -44,7 +44,7 @@ export const Button = ({
"select-none",
],
secondary: [
"px-[10px] py-[6px] rounded-docs_sm cursor-pointer",
"px-docs_0.5 py-docs_0.25 rounded-docs_sm cursor-pointer",
"bg-medusa-button-neutral",
"hover:bg-medusa-button-neutral-hover hover:no-underline",
"active:bg-medusa-button-neutral-pressed",
@@ -58,7 +58,7 @@ export const Button = ({
"select-none",
],
transparent: [
"px-[10px] py-[6px] rounded-docs_sm cursor-pointer",
"px-docs_0.5 py-docs_0.25 rounded-docs_sm cursor-pointer",
"bg-transparent shadow-none border-0 outline-none",
"text-compact-small-plus text-medusa-fg-base",
"hover:bg-medusa-button-transparent-hover",
@@ -68,7 +68,7 @@ export const Button = ({
"disabled:cursor-not-allowed disabled:text-medusa-fg-disabled",
],
transparentClear: [
"px-[10px] py-[6px] rounded-docs_sm cursor-pointer",
"px-docs_0.5 py-docs_0.25 rounded-docs_sm cursor-pointer",
"bg-transparent shadow-none border-0 outline-none",
"text-compact-small-plus text-medusa-fg-muted",
"hover:bg-medusa-button-transparent-hover",
@@ -82,7 +82,7 @@ export const Button = ({
return (
<button
className={clsx(
"inline-flex flex-row justify-center items-center gap-[6px]",
"inline-flex flex-row justify-center items-center gap-[6px] font-base",
variant === "primary" && variantClasses.primary,
variant === "secondary" && variantClasses.secondary,
variant === "transparent" && variantClasses.transparent,