Update app.py

app.py

@@ -11,7 +11,7 @@ def search_artworks(query, is_public_domain=False):
     search_url = f"{BASE_URL}/artworks/search"
     params = {
         "q": query,
-        "limit": 10,
+        "limit": 12,  # 더 많은 결과 표시
         "fields": "id,title,artist_display,date_display,image_id,is_public_domain",
     }
     
@@ -31,12 +31,13 @@ def search_artworks(query, is_public_domain=False):
         
         for artwork in results["data"]:
             if artwork.get("image_id"):
-                image_url = f"https://www.artic.edu/iiif/2/{artwork['image_id']}/full/843,/0/default.jpg"
+                # 더 큰 이미지 사이즈로 변경 (843 -> 1686)
+                image_url = f"https://www.artic.edu/iiif/2/{artwork['image_id']}/full/1686,/0/default.jpg"
                 
                 artwork_info = f"""Title: {artwork.get('title', 'Unknown')}\nArtist: {artwork.get('artist_display', 'Unknown')}\nDate: {artwork.get('date_display', 'Unknown')}"""
                 
                 try:
-                    img_response = requests.get(image_url, timeout=5)
+                    img_response = requests.get(image_url, timeout=10)  # 타임아웃 증가
                     img_response.raise_for_status()
                     
                     img = Image.open(io.BytesIO(img_response.content))
@@ -72,6 +73,8 @@ custom_css = """
     border: none !important;
     color: white !important;
     font-weight: bold !important;
+    padding: 10px 20px !important;
+    font-size: 1.1em !important;
 }
 .gr-button:hover {
     background: linear-gradient(to right, #4b134f, #c94b4b) !important;
@@ -82,6 +85,7 @@ custom_css = """
     border: 2px solid #4b134f !important;
     background: rgba(255, 255, 255, 0.1) !important;
     color: white !important;
+    font-size: 1.1em !important;
 }
 .gr-form {
     background: rgba(0, 0, 0, 0.2) !important;
@@ -95,7 +99,8 @@ custom_css = """
 .gr-gallery {
     background: rgba(0, 0, 0, 0.3) !important;
     border-radius: 15px !important;
-    padding: 10px !important;
+    padding: 20px !important;
+    min-height: 800px !important;  /* 갤러리 높이 증가 */
 }
 .title-text {
     text-align: center !important;
@@ -111,6 +116,10 @@ custom_css = """
     margin-bottom: 2em !important;
     font-style: italic !important;
 }
+.gallery-image {
+    min-height: 400px !important;  /* 개별 이미지 최소 높이 설정 */
+    object-fit: contain !important;
+}
 """
 
 # Gradio interface
@@ -123,15 +132,17 @@ with gr.Blocks(css=custom_css) as demo:
     )
     
     with gr.Row():
-        with gr.Column():
+        with gr.Column(scale=4):
             search_input = gr.Textbox(
                 label="Enter your search term",
                 placeholder="e.g., Monet, Impressionism, landscape...",
             )
+        with gr.Column(scale=1):
             public_domain = gr.Checkbox(
                 label="Show only public domain artworks",
                 value=False
             )
+        with gr.Column(scale=1):
             search_btn = gr.Button(
                 "🔍 Search",
                 variant="primary"
@@ -142,9 +153,9 @@ with gr.Blocks(css=custom_css) as demo:
             label="Search Results",
             show_label=True,
             elem_id="gallery",
-            columns=[2],
-            rows=[2],
-            height="500px",
+            columns=3,  # 열 수 증가
+            rows=4,     # 행 수 증가
+            height="800px",  # 갤러리 높이 증가
             object_fit="contain"
         )