Update app.css

app.css

@@ -61,10 +61,10 @@ body {
   color: var(--text-primary);
 }
 
-/* 패널 레이아웃 조정 */
+/* 패널 레이아웃 조정 - 높이 50% 증가 */
 .equal-height-container {
   display: flex;
-  min-height: 600px; /* 최소 높이 설정 */
+  min-height: 900px; /* 기존 600px에서 50% 증가 */
 }
 
 .equal-height-col {
@@ -79,7 +79,7 @@ body {
   padding: 5px 16px;
   background-color: var(--neutral-100);
   border-radius: 8px 8px 0 0;
-  margin-top: 0; /* 수정: 상단 여백 제거 */
+  margin-top: 0;
 }
 
 .header_btn {
@@ -103,7 +103,7 @@ body {
 }
 
 .right_content {
-  height: 600px; /* 수정: 높이 일관성 */
+  height: 900px; /* 기존 600px에서 50% 증가 */
   display: flex; 
   flex-direction: column;
   justify-content: center;
@@ -124,8 +124,8 @@ footer, .footer, div[class*="footer"], #footer {
 #component-0 textarea,
 .gradio-container textarea,
 .ant-input-textarea-large textarea {
-  height: 300px !important;
-  min-height: 300px !important;
+  height: 450px !important; /* 기존 300px에서 50% 증가 */
+  min-height: 450px !important; /* 기존 300px에서 50% 증가 */
   resize: vertical !important;
   border: 2px solid var(--neutral-200);
   border-radius: 12px;
@@ -133,7 +133,7 @@ footer, .footer, div[class*="footer"], #footer {
   background: var(--surface);
   color: var(--text-primary);
   padding: 1rem;
-  flex-grow: 1; /* 추가: 공간을 채우도록 */
+  flex-grow: 1;
 }
 
 #component-0 textarea:focus,
@@ -160,16 +160,16 @@ footer, .footer, div[class*="footer"], #footer {
 
 .right_panel {
   position: relative;
-  height: 600px; /* 명시적 높이 지정 */
+  height: 900px; /* 기존 600px에서 50% 증가 */
   display: flex;
   flex-direction: column;
-  padding-top: 0; /* 수정: 패딩 제거 */
+  padding-top: 0;
 }
 
 .panel {
   display: flex;
   flex-direction: column;
-  height: 600px; /* 명시적 높이 지정 */
+  height: 900px; /* 기존 600px에서 50% 증가 */
   background: var(--surface);
   border-radius: 8px;
   box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05);
@@ -178,13 +178,13 @@ footer, .footer, div[class*="footer"], #footer {
 .input-panel {
   display: flex;
   flex-direction: column;
-  height: 600px; /* 명시적 높이 지정 */
-  flex: 1; /* 추가: flex 공간 채우기 */
+  height: 900px; /* 기존 600px에서 50% 증가 */
+  flex: 1;
 }
 
 .html_content {
   flex: 1;
-  height: 570px; /* 수정: 헤더를 고려한 높이 */
+  height: 870px; /* 기존 570px에서 50% 증가 (헤더 30px 고려) */
   border-radius: 0 0 8px 8px;
   overflow: hidden;
   box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05);
@@ -197,6 +197,13 @@ footer, .footer, div[class*="footer"], #footer {
   flex: 1;
 }
 
+/* 우측 박스 텍스트 폰트 크기 20% 감소 */
+.input-panel textarea, 
+.input-panel .ant-input-textarea-large textarea,
+.input-panel .help-text {
+  font-size: 0.8em; /* 기본 폰트 크기에서 20% 감소 */
+}
+
 /* 탭 컨텐츠 높이 조정 */
 .ant-tabs-content {
   height: 100%;