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

docs: improve tailwind configuration (#5215)

Browse Source
This commit is contained in:
Shahed Nasser
2023-09-26 15:08:30 +03:00
committed by GitHub
parent 240c439beb
commit 63aea62d7a
98 changed files with 643 additions and 894 deletions
Download Patch File Download Diff File Expand all files Collapse all files

21
www/packages/docs-ui/src/components/Notification/Item/Layout/Default/index.tsx
View File

@@ -34,25 +34,22 @@ export const NotificationItemLayoutDefault: React.FC<
)}
>
{type === "info" && (
<InformationCircleSolid className="text-medusa-fg-interactive-dark" />
<InformationCircleSolid className="text-medusa-tag-blue-icon" />
)}
{type === "error" && (
<XCircleSolid className="text-medusa-tag-red-icon dark:text-medusa-tag-red-icon-dark" />
<XCircleSolid className="text-medusa-tag-red-icon" />
)}
{type === "warning" && (
<ExclamationCircleSolid className="text-medusa-tag-orange-icon dark:text-medusa-tag-orange-icon-dark" />
<ExclamationCircleSolid className="text-medusa-tag-orange-icon" />
)}
{type === "success" && (
<CheckCircleSolid className="text-medusa-tag-green-icon dark:text-medusa-tag-green-icon-dark" />
<CheckCircleSolid className="text-medusa-tag-green-icon" />
)}
{type === "custom" && CustomIcon}
</div>
)}
<span
className={clsx(
"text-compact-medium-plus",
"text-medusa-fg-base dark:text-medusa-fg-base-dark"
)}
className={clsx("text-compact-medium-plus", "text-medusa-fg-base")}
>
{title}
</span>
@@ -61,17 +58,13 @@ export const NotificationItemLayoutDefault: React.FC<
<div
className={clsx(
"flex pt-0 pr-docs_1 pb-docs_1.5 pl-docs_1 gap-docs_1",
"border-0 border-b border-solid border-medusa-border-base dark:border-medusa-border-base-dark"
"border-0 border-b border-solid border-medusa-border-base"
)}
>
<div className="w-docs_2 flex-none"></div>
<div className={clsx("flex flex-col", children && "gap-docs_1")}>
{text && (
<span
className={clsx(
"text-medium text-medusa-fg-subtle dark:text-medusa-fg-subtle-dark"
)}
>
<span className={clsx("text-medium text-medusa-fg-subtle")}>
{text}
</span>
)}

2
www/packages/docs-ui/src/components/Notification/Item/index.tsx
View File

@@ -35,7 +35,7 @@ export const NotificationItem = ({
return (
<div
className={clsx(
"md:max-w-[320px] md:w-[320px] w-full bg-medusa-bg-base dark:bg-medusa-bg-base-dark rounded-docs_DEFAULT",
"md:max-w-[320px] md:w-[320px] w-full bg-medusa-bg-base rounded-docs_DEFAULT",
"shadow-flyout dark:shadow-flyout-dark max-h-[calc(100vh-90px)]",
"fixed md:right-docs_1 left-0 z-[400] md:m-docs_1",
placement === "bottom" && "md:bottom-docs_1 bottom-0",