More options

SU-SWS · Oct 11, 2023 · 599a8e0 · 599a8e0
1 parent 280c18f
commit 599a8e0
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 3 deletions.
diff --git a/components/Sidebar/SidebarCard.styles.ts b/components/Sidebar/SidebarCard.styles.ts
@@ -2,6 +2,13 @@ import { cnb } from 'cnbuilder';
 
 export const root = 'relative overflow-hidden';
 
-export const content = (hasBgColor: boolean) => cnb('', {
-  'rs-py-1 rs-pl-1 rs-pr-3 border-l-[2rem]': hasBgColor,
+export const content = (
+  hasBgColor?: boolean,
+  hasBarColor?: boolean,
+  barOnRight?: boolean,
+) => cnb('', {
+  'rs-py-1': hasBgColor,
+  'rs-pr-1 rs-pl-3 border-r-[2rem]': hasBarColor && barOnRight,
+  'rs-pl-1 rs-pr-3 border-l-[2rem]': hasBarColor && !barOnRight,
+  'rs-px-3': !hasBarColor,
 });
diff --git a/components/Sidebar/SidebarCard.tsx b/components/Sidebar/SidebarCard.tsx
@@ -51,7 +51,7 @@ export const SidebarCard = ({
       className={cnb(styles.root, accentBgColors[bgColor], className)}
       {...props}
     >
-      <div className={cnb(styles.content(!!bgColor), accentBorderColors[barColor])}>
+      <div className={cnb(styles.content(!!bgColor, !!barColor, barOnRight), accentBorderColors[barColor])}>
         {superhead && (
           <Text weight="semibold" aria-hidden>{superhead}</Text>
         )}