Update app.py

app.py

@@ -245,7 +245,7 @@ css = """
     flex: 1;
     padding: 20px;
     border-right: 2px solid #eee;
-    max-width: 600px;
+    max-width: 800px;  /* 증가된 최대 너비 */
 }
 
 .examples-column {
@@ -278,6 +278,16 @@ css = """
     border-radius: 10px;
     box-shadow: 0 2px 10px rgba(0,0,0,0.1);
     margin-bottom: 20px;
+    width: 100%;  /* 전체 너비 사용 */
+}
+
+/* 텍스트 입력 박스 스타일 */
+.input-box textarea {
+    width: 100% !important;  /* 강제 너비 100% */
+    min-width: 600px !important;  /* 최소 너비 설정 */
+    font-size: 14px !important;
+    line-height: 1.5 !important;
+    padding: 12px !important;
 }
 
 .example-card {
@@ -293,8 +303,25 @@ css = """
     color: #2a2a2a;
     margin-bottom: 10px;
 }
+
+/* 레이아웃 조정 */
+.contain {
+    max-width: 1400px !important;  /* 전체 컨테이너 너비 증가 */
+    margin: 0 auto !important;
+}
+
+/* 입력 영역 조정 */
+.input-area {
+    flex: 2 !important;  /* 입력 영역 비율 증가 */
+}
+
+/* 예제 영역 조정 */
+.examples-area {
+    flex: 1 !important;
+}
 """
 
+
 # Gradio 인터페이스 수정
 with gr.Blocks(css=css) as demo:
     gr.Markdown(
@@ -306,16 +333,20 @@ with gr.Blocks(css=css) as demo:
     gr.HTML("""<a href="https://visitorbadge.io/status?path=https%3A%2F%2Faiqcamp-diagram.hf.space">
                <img src="https://api.visitorbadge.io/api/visitors?path=https%3A%2F%2Faiqcamp-diagram.hf.space&countColor=%23263759" />
                </a>""")
+
+
     
     with gr.Row(equal_height=True) as main_row:
         # 왼쪽 입력 컬럼
-        with gr.Column(elem_id="input-column", scale=1):
+        with gr.Column(elem_id="input-column", scale=2):  # scale 값 증가
             with gr.Group(elem_classes="input-box"):
                 prompt = gr.Text(
                     label="Diagram Prompt",
                     placeholder="Enter your diagram structure...",
-                    lines=5
+                    lines=10,  # 줄 수 증가
+                    elem_classes="prompt-input"  # CSS 클래스 추가
                 )
+   
                 run_button = gr.Button("Generate Diagram", variant="primary")
                 result = gr.Image(label="Generated Diagram")