Update app_gradio.py

app_gradio.py

@@ -74,7 +74,7 @@ body, .gradio-container {
 }
 
 .gradio-container {
-  max-width: 1600px !important;
+  max-width: 1900px !important;
   padding: 24px 28px 28px !important;
 }
 
@@ -133,7 +133,7 @@ body, .gradio-container {
 }
 
 .profile-panel, .visual-panel, .chat-panel {
-  min-height: 780px;
+  min-height: 680px;
 }
 
 .panel-head {
@@ -176,7 +176,7 @@ body, .gradio-container {
 .example-box,
 .visual-note {
   margin: 18px 24px 0;
-  padding: 18px 18px 16px;
+  padding: 16px 18px 14px;
   border-radius: 22px;
   background: rgba(255, 248, 239, 0.08);
   border: 1px solid rgba(255, 222, 189, 0.12);
@@ -233,7 +233,7 @@ body, .gradio-container {
 }
 
 .chatbot-wrap {
-  padding: 0 20px 14px;
+  padding: 0 18px 12px;
 }
 
 .chatbot-wrap .message,
@@ -258,7 +258,7 @@ body, .gradio-container {
 }
 
 .input-zone {
-  padding: 0 20px 20px;
+  padding: 0 18px 18px;
 }
 
 .input-zone textarea,
@@ -279,7 +279,7 @@ body, .gradio-container {
 
 .input-actions .gr-button {
   width: 100%;
-  min-height: 52px;
+  min-height: 48px;
 }
 
 .input-zone .gr-button-primary {
@@ -293,7 +293,7 @@ body, .gradio-container {
 }
 
 .visual-frame {
-  padding: 28px 24px 18px;
+  padding: 24px 22px 16px;
   min-height: 100%;
   display: flex;
   flex-direction: column;
@@ -430,9 +430,9 @@ with gr.Blocks(title="Megumin RAG Chat", fill_height=True) as demo:
     gr.HTML(BACKGROUND_HTML)
     with gr.Column(elem_classes=["shell"]):
         with gr.Row(elem_classes=["layout"]):
-            with gr.Column(scale=3, min_width=300):
+            with gr.Column(scale=4, min_width=400):
                 gr.HTML(PROFILE_HTML)
-            with gr.Column(scale=5, min_width=620):
+            with gr.Column(scale=6, min_width=720):
                 with gr.Group(elem_classes=["glass-panel", "chat-panel"]):
                     gr.HTML(
                         """
@@ -451,7 +451,7 @@ with gr.Blocks(title="Megumin RAG Chat", fill_height=True) as demo:
                     )
                     with gr.Column(elem_classes=["chatbot-wrap"]):
                         chatbot = gr.Chatbot(
-                            height=560,
+                            height=470,
                             render_markdown=True,
                             buttons=["copy"],
                             layout="bubble",
@@ -465,12 +465,12 @@ with gr.Blocks(title="Megumin RAG Chat", fill_height=True) as demo:
                                 placeholder="메구밍에게 말을 걸어 보세요.",
                                 lines=2,
                                 max_lines=4,
-                                scale=8,
+                                scale=7,
                             )
-                            with gr.Column(scale=1, elem_classes=["input-actions"]):
+                            with gr.Column(scale=3, elem_classes=["input-actions"]):
                                 send_button = gr.Button("Send", variant="primary")
                                 clear_button = gr.Button("Clear", variant="secondary")
-            with gr.Column(scale=4, min_width=320):
+            with gr.Column(scale=4, min_width=400):
                 gr.HTML(VISUAL_HTML)
 
     user_input.submit(