fix: seperator sub component was missing from Sidepanel

supabase · Feb 14, 2022 · 8e48838 · 8e48838
1 parent 3c06772
commit 8e48838
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 0 deletions.
diff --git a/src/components/SidePanel/SidePanel.tsx b/src/components/SidePanel/SidePanel.tsx
@@ -126,4 +126,11 @@ const SidePanel = ({
   )
 }
 
+export function Seperator() {
+  let __styles = styleHandler('sidepanel')
+
+  return <div className={__styles.seperator}></div>
+}
+
+SidePanel.Seperator = Seperator
 export default SidePanel
diff --git a/src/lib/theme/defaultTheme.ts b/src/lib/theme/defaultTheme.ts
@@ -977,6 +977,12 @@ export default {
         data-closed:animate-panel-slide-right-in
       `,
     },
+    seperator: `
+      w-full
+      h-px
+      my-2
+      bg-scale-300 dark:bg-scale-500
+    `,
     overlay: `
       fixed
       bg-scale-100