From 21c70feea10ec067aa327168946cddc653a004a9 Mon Sep 17 00:00:00 2001
From: prasanth7890 <maryratnamp@gmail.com>
Date: Tue, 12 Mar 2024 00:55:16 +0530
Subject: [PATCH] added sidebar utility

---
 src/components/Sidebar.tsx | 2 +-
 tailwind.config.js         | 3 +++
 2 files changed, 4 insertions(+), 1 deletion(-)

diff --git a/src/components/Sidebar.tsx b/src/components/Sidebar.tsx
index dd94d243e..d4363aab4 100644
--- 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
index 0499dec26..957141f55 100644
--- 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')],