issue #59

- 일정 메인 화면 구현 중

src/index.css

@@ -124,6 +124,7 @@ html, body, #root {
   height: 100%;
   min-width: 1280px;
   min-height: 720px;
+  max-height: 1080px;
 }
 
 /* Chrome, Safari, Edge */

src/ui/page/schedule/ScheduleMainPage.tsx

@@ -1,26 +1,23 @@
 import { Calendar } from "@/components/ui/calendar";
-import { DayButton } from "react-day-picker";
+import { cn } from "@/lib/utils";
+import { getDefaultClassNames } from "react-day-picker";
 
 export function ScheduleMainPage() {
+  const defaultClassNames = getDefaultClassNames();
+
   return (
-    <div className="w-full h-full flex flex-col justify-start items-center">
+    <div className="w-full h-full p-2">
-      <Calendar
+      <Calendar 
         mode="single"
-        className="rounded-lg w-full h-full max-h-10/12 border"
+        className="border w-full rounded-lg"
-        components={{
+        classNames={{
-          Weeks: (props) => (
+          month_grid: cn(
-            <tbody {...props} className={props.className}></tbody>
+            defaultClassNames.month_grid,
+            "w-full"
           ),
-          Week: (props) => (
+          
-            <tr {...props} className={props.className + " h-1/10"}></tr>
-          ),
-          Day: (props) => (
-            <td {...props} className={props.className + " h-1"}></td>
-          )
         }}
-      >
+      />
-        
-      </Calendar>
     </div>
   )
 }