Update app.py

app.py

@@ -2,6 +2,9 @@ import gradio as gr
 
 # CSS 스타일 정의
 css_style = """
+footer { 
+    visibility: hidden; 
+}
 body {
     font-family: Arial, sans-serif;
     background-color: #f0f0f9;
@@ -14,10 +17,13 @@ h4 {
 iframe {
     border: 2px solid #007bff;
     border-radius: 8px;
+    width: 100%; /* IFrame의 너비를 컬럼의 너비에 맞추도록 설정 */
+    height: 700px; /* 높이 설정은 그대로 유지 */
 }
 
 .gr-column {
     padding: 10px;
+    width: 50%; /* 각 컬럼이 전체 너비의 50%를 차지하도록 설정 */
 }
 
 /* 마크다운 및 HTML 컴포넌트의 스타일을 추가 정의할 수 있음 */
@@ -26,19 +32,20 @@ iframe {
 def app():
     # Gradio 인터페이스 구성
     with gr.Blocks(css=css_style) as demo:
-        gr.Markdown("## IFrame으로 웹 페이지 임베딩하기", elem_id="main-title")
+        gr.Markdown("# AIQ Codepilot TEST", elem_id="main-title")
         with gr.Row():
             # 첫 번째 HTML 컴포넌트로 IFrame 구현
             with gr.Column():
-                gr.Markdown("### 첫 번째 URL", elem_id="title-1")
-                gr.HTML(value='<iframe src="https://www.chatbase.co/chatbot-iframe/100-daum-net-eurma-q2o" height="700" width="600"></iframe>')
+                gr.Markdown("### AIQ Codepilot", elem_id="title-1")
+                gr.HTML(value='<iframe src="https://www.chatbase.co/chatbot-iframe/100-daum-net-eurma-q2o"></iframe>')
             
             # 두 번째 HTML 컴포넌트로 IFrame 구현
             with gr.Column():
-                gr.Markdown("### 두 번째 URL", elem_id="title-2")
-                gr.HTML(value='<iframe src="https://seawolf2357-frametest1.hf.space" height="700" width="600"></iframe>')
+                gr.Markdown("### 웹서비스 동작 화면", elem_id="title-2")
+                gr.HTML(value='<iframe src="https://seawolf2357-frametest1.hf.space"></iframe>')
     
     return demo
 
 demo = app()
 demo.launch()
+