Update app.css

app.css

@@ -91,7 +91,10 @@ body {
 }
 
 .right_content {
-  height: 920px; 
+  height: 800px !important;
+  min-height: 800px !important;
+  max-height: 800px !important;
+  overflow-y: auto;
   display: flex; 
   flex-direction: column;
   justify-content: center;
@@ -109,12 +112,14 @@ footer, .footer, div[class*="footer"], #footer {
   display: none !important;
 }
 
+/* 프롬프트 입력창 높이 설정 */
 #component-0 textarea,
 .gradio-container textarea,
 .ant-input-textarea-large textarea {
   height: 300px !important;
   min-height: 300px !important;
-  resize: vertical !important;
+  max-height: 300px !important;
+  resize: none !important;
   border: 2px solid var(--neutral-200);
   border-radius: 12px;
   transition: all 0.3s;
@@ -145,16 +150,23 @@ footer, .footer, div[class*="footer"], #footer {
   border: 1px solid var(--neutral-200);
 }
 
+/* 우측 패널 높이 조정 */
 .right_panel {
   position: relative;
-  min-height: 600px;
+  height: 900px !important;
+  min-height: 900px !important;
+  max-height: 900px !important;
   padding-top: 50px;
+  overflow: hidden;
 }
 
+/* 웹 출력 화면 높이 설정 */
 .html_content {
-  height: 100%;
+  height: 800px !important;
+  min-height: 800px !important;
+  max-height: 800px !important;
   border-radius: 12px;
-  overflow: hidden;
+  overflow: auto;
   box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05);
   background: var(--surface);
 }
@@ -363,6 +375,18 @@ footer, .footer, div[class*="footer"], #footer {
     min-width: 60px;
     font-size: 0.9rem;
   }
+  
+  .right_panel {
+    height: 900px !important;
+    min-height: 900px !important;
+    max-height: 900px !important;
+  }
+  
+  .html_content {
+    height: 800px !important;
+    min-height: 800px !important;
+    max-height: 800px !important;
+  }
 }
 
 /* Animations */
@@ -375,98 +399,66 @@ footer, .footer, div[class*="footer"], #footer {
   animation: fadeIn 0.5s ease-out;
 }
 
-/* 기존 코드는 그대로 유지하고 아래 코드를 추가 */
-
 /* MOUSE 탭 높이 관련 스타일 */
 .main-tabs {
-    min-height: 100vh !important;
-    display: flex !important;
-    flex-direction: column !important;
+  min-height: 100vh !important;
+  display: flex !important;
+  flex-direction: column !important;
 }
 
 .main-tabs > div[role="tabpanel"] {
-    flex: 1 !important;
-    min-height: calc(100vh - 60px) !important;
+  flex: 1 !important;
+  min-height: calc(100vh - 60px) !important;
 }
 
 .mouse-tab {
-    height: 100% !important;
-    display: flex !important;
-    flex-direction: column !important;
+  height: 100% !important;
+  display: flex !important;
+  flex-direction: column !important;
 }
 
 /* 레이아웃 컨테이너 높이 조정 */
 .ant-row {
-    min-height: calc(100vh - 100px) !important;
+  min-height: calc(100vh - 100px) !important;
 }
 
 /* 좌측 패널 높이 조정 */
 .ant-col-md-8 {
-    height: 100% !important;
+  height: 100% !important;
 }
 
 .ant-flex {
-    height: 100% !important;
-}
-
-/* 우측 패널 높이 조정 */
-.right_panel {
-    position: relative;
-    height: calc(100vh - 100px) !important;
-    min-height: 600px !important;
-    padding-top: 50px;
-    display: flex !important;
-    flex-direction: column !important;
-}
-
-/* HTML 컨텐츠 영역 높이 조정 */
-.html_content {
-    flex: 1 !important;
-    min-height: calc(100vh - 200px) !important;
-    border-radius: 12px;
-    overflow: hidden;
-    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05);
-    background: var(--surface);
+  height: 100% !important;
 }
 
 /* 탭 컨텐츠 영역 높이 조정 */
 .ant-tabs-content {
-    height: 100% !important;
+  height: 100% !important;
 }
 
 .ant-tabs-tabpane {
-    height: 100% !important;
+  height: 100% !important;
 }
 
 /* 스크롤 영역 조정 */
 .right_content {
-    height: calc(100vh - 150px) !important;
-    overflow-y: auto;
-}
-
-/* 모바일 대응 */
-@media (max-width: 768px) {
-    .right_panel {
-        height: auto !important;
-        min-height: calc(100vh - 150px) !important;
-    }
-    
-    .html_content {
-        min-height: 500px !important;
-    }
+  height: 800px !important;
+  min-height: 800px !important;
+  max-height: 800px !important;
+  overflow-y: auto;
 }
 
 /* 추가적인 레이아웃 안정성을 위한 스타일 */
 .ms-application {
-    height: 100% !important;
-    min-height: 100vh !important;
+  height: 100% !important;
+  min-height: 100vh !important;
 }
 
 .ant-config-provider {
-    height: 100% !important;
+  height: 100% !important;
 }
 
 /* 스크롤바가 레이아웃을 깨지지 않도록 설정 */
 .right_panel, .html_content {
-    scrollbar-gutter: stable;
+  scrollbar-gutter: stable;
 }