added sidebar utility

code100x · Mar 11, 2024 · 21c70fe · 21c70fe
1 parent 8918949
commit 21c70fe
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 1 deletion.
diff --git a/src/components/Sidebar.tsx b/src/components/Sidebar.tsx
@@ -116,7 +116,7 @@ export function Sidebar({
 
   return (
     <div
-     className={`overflow-y-scroll h-[${(window.innerHeight - 64)}px] w-[300px] min-w-[133px] bg-gray-50 dark:bg-gray-800 cursor-pointer sticky top-[64px] self-start w-84`}
+     className="overflow-y-scroll h-sidebar w-[300px] min-w-[133px] bg-gray-50 dark:bg-gray-800 cursor-pointer sticky top-[64px] self-start w-84"
      >
       <div className="flex">
         {/* <ToggleButton

diff --git a/tailwind.config.js b/tailwind.config.js
@@ -71,6 +71,9 @@ module.exports = {
         'accordion-down': 'accordion-down 0.2s ease-out',
         'accordion-up': 'accordion-up 0.2s ease-out',
       },
+      height: {
+        sidebar: 'calc(100vh - 64px)',
+      },
     },
   },
   plugins: [require('tailwindcss-animate')],