Update app.py

app.py

@@ -1760,101 +1760,27 @@ def create_main_interface():
             return None, gr.update(active_key="empty")
 
     demo = gr.Blocks(css="""
-          /* 메인 탭 스타일 */
-          .main-tabs > div.tab-nav > button {
-               font-size: 1.1em !important;
-               padding: 0.5em 1em !important;
-               background: rgba(255, 255, 255, 0.8) !important;
-               border: none !important;
-               border-radius: 8px 8px 0 0 !important;
-               margin-right: 4px !important;
-          }
-          .main-tabs > div.tab-nav > button.selected {
-               background: linear-gradient(45deg, #0084ff, #00a3ff) !important;
-               color: white !important;
-          }
-          .main-tabs {
-               margin-top: -20px !important;
-               border-radius: 0 0 15px 15px !important;
-               box-shadow: 0 4px 15px rgba(0,0,0,0.1) !important;
-          }
-          
-          /* MOUSE 인터페이스 스타일 */
-          .left_header {
-               text-align: center;
-               margin-bottom: 20px;
-          }
-          .right_panel {
-               background: white;
-               border-radius: 15px;
-               padding: 20px;
-               box-shadow: 0 4px 15px rgba(0,0,0,0.1);
-               height: calc(100vh - 100px); /* 높이 조정 */
-               min-height: 800px; /* 최소 높이 설정 */
-          }
-          .setting-buttons {
-               margin-bottom: 15px;
-          }
-          .render_header {
-               background: #f5f5f5;
-               padding: 10px;
-               border-radius: 8px;
-               margin-bottom: 15px;
-          }
-          .header_btn {
-               display: inline-block;
-               width: 12px;
-               height: 12px;
-               border-radius: 50%;
-               margin-right: 8px;
-               background: #ddd;
-          }
-          .html_content {
-               height: calc(100vh - 200px); /* 높이 조정 */
-               min-height: 700px; /* 최소 높이 설정 */
-               border: 1px solid #eee;
-               border-radius: 8px;
-               overflow: hidden;
-          }
-          
-          /* 입력 영역 높이 조정 */
-          .ant-input-textarea-large textarea {
-               height: 400px !important; /* 입력창 높이 증가 */
-               min-height: 400px !important;
-          }
-          
-          /* 스크롤바 스타일링 */
-          .html_content::-webkit-scrollbar {
-               width: 8px;
-          }
-          .html_content::-webkit-scrollbar-track {
-               background: #f1f1f1;
-               border-radius: 4px;
-          }
-          .html_content::-webkit-scrollbar-thumb {
-               background: #888;
-               border-radius: 4px;
-          }
-          .html_content::-webkit-scrollbar-thumb:hover {
-               background: #555;
-          }
-          
-          /* 반응형 높이 조정 */
-          @media screen and (max-height: 900px) {
-               .right_panel {
-                    height: calc(100vh - 80px);
-                    min-height: 600px;
-               }
-               .html_content {
-                    height: calc(100vh - 160px);
-                    min-height: 500px;
-               }
-               .ant-input-textarea-large textarea {
-                    height: 300px !important;
-                    min-height: 300px !important;
-               }
-          }
-     """, theme=theme)
+        /* 메인 탭 스타일 - 핵심 스타일만 유지 */
+        .main-tabs > div.tab-nav > button {
+            font-size: 1.1em !important;
+            padding: 0.5em 1em !important;
+            background: rgba(255, 255, 255, 0.8) !important;
+            border: none !important;
+            border-radius: 8px 8px 0 0 !important;
+            margin-right: 4px !important;
+        }
+        .main-tabs > div.tab-nav > button.selected {
+            background: linear-gradient(45deg, #0084ff, #00a3ff) !important;
+            color: white !important;
+        }
+        .main-tabs {
+            margin-top: -20px !important;
+            border-radius: 0 0 15px 15px !important;
+            box-shadow: 0 4px 15px rgba(0,0,0,0.1) !important;
+        }
+    """, theme=theme)
+
+ 
 
     with demo:
         with gr.Tabs(elem_classes="main-tabs") as tabs: