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

fix(dashboard): Styling of dashed divider (#7483)

Browse Source
This commit is contained in:
Kasper Fabricius Kristensen
2024-05-28 08:48:26 +02:00
committed by GitHub
parent 916f0cb6d0
commit 9d3c7829bc
1 changed files with 9 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files
packages/admin-next/dashboard/src/components/common/divider/divider.tsx
+9 -3
View File
@@ -18,10 +18,16 @@ export const Divider = ({
aria-orientation={orientation} aria-orientation={orientation}
role="separator" role="separator"
className={clx( className={clx(
"border-ui-border-strong",
{ {
"w-full border-t": orientation === "horizontal", "w-full border-t":
"h-full border-l": orientation === "vertical", orientation === "horizontal" && variant === "solid",
"border-dashed": variant === "dashed", "h-full border-l": orientation === "vertical" && variant === "solid",
"bg-transparent": variant === "dashed",
"h-px w-full bg-[linear-gradient(90deg,var(--border-strong)_1px,transparent_1px)] bg-[length:4px_1px]":
variant === "dashed" && orientation === "horizontal",
"h-full w-px bg-[linear-gradient(0deg,var(--border-strong)_1px,transparent_1px)] bg-[length:1px_4px]":
variant === "dashed" && orientation === "vertical",
}, },
className className
)} )}