Update app.py

app.py

@@ -75,7 +75,7 @@ def chat_response(user_input, history_pairs):
     return r["choices"][0]["message"]["content"].strip()
 
 # ------------------------------------------------------------------
-# 4. CSS (스크롤바 중복 해결 패치)
+# 4. CSS (스크롤바 중복 해결 + 메시지 간격 축소)
 # ------------------------------------------------------------------
 PC_COM_CSS = r"""
 @import url('https://cdn.jsdelivr.net/gh/neodgm/neodgm-webfont@latest/neodgm/neodgm.css');
@@ -147,7 +147,15 @@ div[data-testid="bot"] {
   border: none !important;
 }
 
-/* 2. 유저 메시지 (우측 정렬 + 흰색) */
+/* [추가] 메시지 행 간격 줄이기 */
+.chatbot .message-row,
+.chatbot .row {
+    margin: 0 !important;
+    padding: 0 !important;
+    gap: 0 !important;
+}
+
+/* 2. 유저 메시지 (우측 정렬 + 흰색 + 간격 축소) */
 .chatbot .user-row, 
 .chatbot .user,
 div[data-testid="user"] {
@@ -156,7 +164,8 @@ div[data-testid="user"] {
   justify-content: flex-end !important;
   margin-left: auto !important;
   background: transparent !important;
-  padding: 0 !important;
+  padding: 2px 0 !important; /* 위아래 간격을 최소화 */
+  margin-bottom: 0 !important;
 }
 
 .chatbot .user-row .message, 
@@ -176,6 +185,7 @@ div[data-testid="user"] .message {
 div[data-testid="user"] p {
   color: #FFFFFF !important;
   text-align: right !important;
+  margin: 0 !important; /* p태그 자체 마진 제거 */
 }
 
 .chatbot .user-row .message::after,
@@ -187,7 +197,7 @@ div[data-testid="user"] p {
   display: inline-block;
 }
 
-/* 3. 봇 메시지 (좌측 정렬 + 호박색) */
+/* 3. 봇 메시지 (좌측 정렬 + 호박색 + 간격 축소) */
 .chatbot .bot-row, 
 .chatbot .bot,
 div[data-testid="bot"] {
@@ -195,7 +205,8 @@ div[data-testid="bot"] {
   width: 100% !important;
   justify-content: flex-start !important;
   background: transparent !important;
-  padding: 0 !important;
+  padding: 2px 0 !important; /* 위아래 간격을 최소화 */
+  margin-bottom: 0 !important;
 }
 
 .chatbot .bot-row .message, 
@@ -213,6 +224,7 @@ div[data-testid="bot"] .message {
 .chatbot .bot p,
 div[data-testid="bot"] p {
   color: var(--pc-amber) !important;
+  margin: 0 !important; /* p태그 자체 마진 제거 */
 }
 
 .chatbot .bot-row .message::before,
@@ -327,7 +339,7 @@ footer { display: none !important; }
 # 5. App (로직 동일)
 # ------------------------------------------------------------------
 with gr.Blocks(theme=gr.themes.Base(), css=PC_COM_CSS, title="CHOLLIAN 98") as demo:
-    gr.Markdown("# ≪ 어 서 오 세 요 ≫")
+    gr.Markdown("# ≪ 십 리 안 ≫")
     gr.Markdown(">> 01410 접속 성공... [대화실]에 입장하셨습니다.")
 
     history_state = gr.State([])
@@ -397,4 +409,5 @@ with gr.Blocks(theme=gr.themes.Base(), css=PC_COM_CSS, title="CHOLLIAN 98") as d
         )
 
 if __name__ == "__main__":
-    demo.launch(server_name="0.0.0.0", server_port=7860)
+    demo.launch(server_name="0.0.0.0", server_port=7860)
+