(김준회) 고해상도 디스플레이 활용을 위한 CSS 변경 (컨테이너 클래스)

1 files changed, 9 insertions, 7 deletions

diff --git a/app/globals.css b/app/globals.css
index d03b36e7..f1d8bb54 100644
--- a/app/globals.css
+++ b/app/globals.css
@@ -151,23 +151,26 @@ body {
   }
 
   .container-wrapper {
-    @apply min-[1800px]:max-w-[1800px] min-[1800px]:border-x border-border/30 dark:border-border mx-auto w-full;
+    /* 원본 */
+    /* @apply min-[1800px]:max-w-[1800px] min-[1800px]:border-x border-border/30 dark:border-border mx-auto w-full; */
+    @apply border-x border-border/30 dark:border-border mx-auto px-12 w-full;
     
     /* 추가 breakpoint */
-    @apply min-[2200px]:max-w-[2000px];
-    @apply min-[2600px]:max-w-[2400px];
+    /* @apply min-[2200px]:max-w-[2000px];
+    @apply min-[2600px]:max-w-[2400px]; */
   }
 
-
   .container {
-    @apply px-4 xl:px-6 2xl:px-4 mx-auto max-w-[1800px];
+    /* 원본 */
+    /* @apply px-4 xl:px-6 2xl:px-4 mx-auto max-w-[1800px]; */
+    /* @apply px-4 xl:px-6 2xl:px-4 mx-auto; */
+    @apply py-6 px-6 min-w-full mx-auto;
     
 
   }
 
 }
 
-
 .MuiTreeItem-label{
   font-size: 0.875rem!important;
 }
@@ -176,7 +179,6 @@ body {
   all: unset !important;
 }
 
-
 /* 읽기 전용 셀 기본 스타일 */
 .read-only-cell {
   background-color: #f5f5f5;