From 6ea1e844148d6da3cb019d50630232bc4d9592e5 Mon Sep 17 00:00:00 2001
From: c00b3r <sanuyOKmaklaren0@gmail.com>
Date: Mon, 23 Jun 2025 18:30:33 +0500
Subject: [PATCH] fix: adjust ProjectSelector layout for improved
 responsiveness and scrolling behavior

---
 src/components/ProjectSelector.tsx | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/components/ProjectSelector.tsx b/src/components/ProjectSelector.tsx
index d264cd5..135bef8 100644
--- a/src/components/ProjectSelector.tsx
+++ b/src/components/ProjectSelector.tsx
@@ -49,7 +49,7 @@ function ProjectSelector({
         </div>
       </button>
       {isOpen && (
-        <div className="fixed z-1 top-1/2 -translate-y-1/2 left-1/2 -translate-x-1/2 rounded-[2.222vw] bg-white p-[1.389vw] flex flex-col gap-[2.778vw] w-[25vw]">
+        <div className="fixed z-1 h-[calc(100vh-16vw)] top-1/2 -translate-y-1/2 left-1/2 -translate-x-1/2 rounded-[2.222vw] bg-white p-[1.389vw] flex flex-col gap-[2.778vw] w-[25vw]">
           <div className="flex justify-between items-center">
             <Button variant="secondary" size="small">
               <div className="text-[#7D7D7D] size-[0.972vw]">
@@ -70,8 +70,8 @@ function ProjectSelector({
               </span>
             </Button>
           </div>
-          <div className="flex flex-col gap-[1.667vw]">
-            <div className="flex flex-col">
+          <div className="flex flex-col gap-[1.667vw] h-[calc(100%-5vw)] [scrollbar-width:thin]">
+            <div className="flex flex-col overflow-y-auto h-[calc(100%-5vw)] [scrollbar-width:thin]">
               {projects.map((project) => (
                 <button
                   key={project.id}
@@ -79,7 +79,7 @@ function ProjectSelector({
                     e.preventDefault();
                     setPointedProject(project);
                   }}
-                  className="flex justify-between items-center not-last:border-b py-[0.883vw] border-[#F6F6F6] cursor-pointer"
+                  className="flex justify-between items-center not-last:border-b py-[0.883vw] border-[#F6F6F6] cursor-pointer px-[0.833vw]"
                 >
                   <div className="flex items-center gap-[0.556vw]">
                     <img