[Refactor] 새로운 대시보드 hover 효과

Author: gyoyeon-kim

src/components/modal/ChangeBebridge.tsx

@@ -89,8 +89,8 @@ const ChangeBebridge = () => {
         {colors.map((color, index) => (
           <div key={index} className="relative">
             <button
-              className={`cursor-pointer w-[30px] h-[30px] rounded-[15px] mr-2 transition-all duration-200 
-                    hover:opacity-70 hover:scale-110`}
+              className="cursor-pointer w-[30px] h-[30px] rounded-[15px] mr-2 transition-all duration-200 
+                    hover:opacity-70 hover:scale-110"
               style={{ backgroundColor: color }}
               onClick={() => setSelected(index)} // 색상 선택 시 selected 업데이트
             />

src/components/modal/NewDashboard.tsx

@@ -59,7 +59,8 @@ export default function NewDashboard({ onClose }: { onClose?: () => void }) {
           {colors.map((color, index) => (
             <div key={index} className="relative">
               <button
-                className="cursor-pointer w-[30px] h-[30px] rounded-full mr-2"
+                className="cursor-pointer w-[30px] h-[30px] rounded-[15px] mr-2 transition-all duration-200 
+                    hover:opacity-70 hover:scale-110"
                 style={{ backgroundColor: color }}
                 onClick={() => setSelected(index)}
               />

src/pages/dashboard/[dashboardId]/index.tsx

@@ -101,10 +101,10 @@ export default function Dashboard() {
   if (!isReady) return <div>로딩 중...</div>;
 
   return (
-    <div className="flex overflow-x-auto min-w-fit min-h-screen">
+    <div className="flex h-screen overflow-hidden">
       <SideMenu teamId={teamId} dashboardList={dashboardList} />
 
-      <div className="flex-1">
+      <div className="flex flex-col flex-1 overflow-hidden">
         <HeaderDashboard variant="dashboard" dashboardId={dashboardId} />
 
         <div className="flex  overflow-x-auto ">