Update app.py

app.py

@@ -416,14 +416,13 @@ body {
     transform: scale(1.2);
 }
 
-
 .chat-container {
-    height: 700px !important;  /* 채팅창 높이 증가 */
+    height: 600px !important;  /* 채팅창 높이 감소 */
     margin-bottom: 10px;
 }
 
 .input-container {
-    height: 45px !important;   /* 입력창 높이 감소 */
+    height: 70px !important;   /* 입력창 높이 증가 */
     display: flex;
     align-items: center;
     gap: 10px;
@@ -435,12 +434,13 @@ body {
     color: white;
     border-radius: 8px;
     padding: 8px 12px;
-    font-size: 0.9em;
+    font-size: 1.2em;  /* 아이콘 크기 약간 증가 */
     cursor: pointer;
     display: flex;
     align-items: center;
-    gap: 5px;
-    height: 35px;
+    justify-content: center;
+    height: 50px;  /* 높이 증가 */
+    width: 50px;  /* 너비 설정 */
     transition: all 0.3s ease;
     box-shadow: 0 2px 5px rgba(0,0,0,0.1);
 }
@@ -450,48 +450,40 @@ body {
     box-shadow: 0 4px 8px rgba(0,0,0,0.2);
 }
 
-.file-upload-icon svg {
-    width: 20px;
-    height: 20px;
-}
-
 .input-textbox {
-    height: 35px !important;
+    height: 70px !important;  /* 입력창 높이 증가 */
     border-radius: 8px !important;
+    font-size: 1.1em !important;  /* 폰트 크기 약간 증가 */
 }
 
 .send-button {
-    height: 35px !important;
-    min-width: 60px !important;
+    height: 50px !important;  /* 전송 버튼 높이 증가 */
+    min-width: 70px !important;
+    font-size: 1.1em !important;
 }
 
 /* 파일 업로드 버튼 컨테이너 */
 .file-upload-container {
     display: flex;
     align-items: center;
-    height: 35px;
-}
-
-/* 파일 업로드 텍스트 */
-.file-upload-text {
-    font-size: 0.8em;
-    margin-left: 5px;
-    color: #ffffff;
+    justify-content: center;
+    height: 50px;
 }
 """
 
-# UI 구성 수정
+
+# UI 구성
 with gr.Blocks(css=CSS) as demo:
     with gr.Column():
         chatbot = gr.Chatbot(
             value=[],
-            height=700,  # 채팅창 높이 증가
+            height=600,  # 채팅창 높이 감소
             label="GiniGEN AI Assistant",
             elem_classes="chat-container"
         )
         
         with gr.Row(elem_classes="input-container"):
-            with gr.Column(scale=1, min_width=150):
+            with gr.Column(scale=1, min_width=70):
                 file_upload = gr.File(
                     label="📁",
                     type="filepath",
@@ -500,10 +492,6 @@ with gr.Blocks(css=CSS) as demo:
                     container=True,
                     interactive=True,
                 )
-                gr.Markdown(
-                    "Txt/Csv/Parquet",
-                    elem_classes="file-upload-text"
-                )
             
             with gr.Column(scale=4):
                 msg = gr.Textbox(
@@ -514,7 +502,7 @@ with gr.Blocks(css=CSS) as demo:
                     scale=1
                 )
             
-            with gr.Column(scale=1, min_width=60):
+            with gr.Column(scale=1, min_width=70):
                 send = gr.Button(
                     "전송",
                     elem_classes="send-button custom-button",
@@ -562,7 +550,7 @@ with gr.Blocks(css=CSS) as demo:
             inputs=msg
         )
 
-    # 이벤트 바인딩 (이전과 동일)
+    # 이벤트 바인딩
     msg.submit(
         stream_chat,
         inputs=[msg, chatbot, file_upload, temperature, max_new_tokens, top_p, top_k, penalty],
@@ -588,4 +576,4 @@ with gr.Blocks(css=CSS) as demo:
     )
 
 if __name__ == "__main__":
-    demo.launch()
+    demo.launch()