refact: 사용자 응답 관리 페이지 반응형

Author: hyeeuncho

src/features/dashboard/ui/MultiplePieCharts.tsx

@@ -30,9 +30,9 @@ const MultiplePieCharts = ({ responses }: MultiplePieChartsProps) => {
         return (
           <div key={`${option.optionId}-${index}`} className="flex flex-col items-center">
             <h3 className="mb-2 font-semibold text-lg">{option.optionName}</h3>
-            <ResponsiveContainer width="100%" height={300}>
+            <ResponsiveContainer width="100%" height={350}>
               <PieChart>
-                <Pie data={data} dataKey="value" nameKey="name" cx="50%" cy="50%" outerRadius={80} label stroke="none">
+                <Pie data={data} dataKey="value" nameKey="name" cx="50%" cy="50%" outerRadius={90} label stroke="none">
                   {data.map((_, i) => (
                     <Cell key={`cell-${i}`} fill={COLORS[i % COLORS.length]} />
                   ))}

src/widgets/dashboard/ui/response/ResponseModal.tsx

@@ -31,7 +31,7 @@ const ResponesModal = ({ onClose }: ResponesModalProps) => {
               onClose();
             }}
           />
-          <h1 className="font-bold text-lg">응답을 확인할 티켓을 선택하세요</h1>
+          <h1 className="font-bold text-lg sm:text-sm">응답을 확인할 티켓을 선택하세요</h1>
         </div>
         {isLoading ? (
           <div>로딩 중...</div>

src/widgets/dashboard/ui/ticket/SelectTicketInfo.tsx

@@ -12,8 +12,8 @@ const SelectTicketInfo = ({ tickets, onClick }: SelectTicketInfoProps) => {
     <div className="flex items-center justify-between w-full h-14 bg-white border-[0.5px] border-[#D9D9D9] rounded-[5px]">
       <div className="flex items-center gap-3 ml-4">
         <img src={ticket} alt="티켓 아이콘" />
-        <p className="font-bold text-base">{tickets.ticketName}</p>
-        <p className="text-14">{tickets.ticketPrice}원</p>
+        <p className="font-bold text-base sm:text-xs">{tickets.ticketName}</p>
+        <p className="text-14 sm:text-sm">{tickets.ticketPrice}원</p>
       </div>
       <div className="flex items-center justify-center bg-main w-20 h-14 rounded-r-[5px]">
         <TextButton label=">" onClick={onClick} className="text-white text-xl font-bold" />