design: 대시보드 헤더 수정, 나의대시보드리스트 수정

Author: Namgyeon

src/components/dashboard/CreateDashboard.tsx

@@ -10,7 +10,7 @@ const CreateDashboard = () => {
   return (
     <>
       <div
-        className="w-65 md:w-62 lg:w-83 h-15 flex gap-3 items-center justify-center border rounded-lg border-gray-300 bg-white cursor-pointer hover:bg-gray-300"
+        className="w-full md:w-62 lg:w-83 h-15 flex gap-3 items-center justify-center border rounded-lg border-gray-300 bg-white cursor-pointer hover:bg-gray-300"
         onClick={() => modalRef.current?.open()}
       >
         <span>새로운 대시보드</span>

src/components/dashboard/MyDashboardCard.tsx

@@ -15,7 +15,7 @@ const MyDashboardCard = ({ dashboard }: MyDashboardCardProps) => {
 
   return (
     <div
-      className="w-65 md:w-62 lg:w-83 h-15 flex justify-between items-center py-4 px-5 border border-gray-300  rounded-lg cursor-pointer bg-white hover:bg-gray-300"
+      className="w-full md:w-62 lg:w-83 h-15 flex justify-between items-center py-4 px-5 border border-gray-300  rounded-lg cursor-pointer bg-white hover:bg-gray-300"
       onClick={() => handleDashboardClick(dashboard.id)}
     >
       <div className="flex items-center gap-2">

src/components/dashboard/header/Header.tsx

@@ -19,7 +19,7 @@ const Header = () => {
   };
   return (
     <div className="w-full flex items-center justify-between md:justify-end lg:justify-between px-2 md:px-8 lg:px-10 py-4 border-b border-b-gray-200">
-      <div className="text-lg hidden md:block truncate text-[#333236] font-bold">
+      <div className="text-lg block md:hidden lg:block truncate text-[#333236] font-bold">
         {getPageTitle()}
       </div>
       <div className="flex items-center md:divide-x divide-gray-300">