Update app.py

app.py

@@ -21,12 +21,13 @@ def blob_to_base64_html(blob_data):
         return ""
     try:
         if isinstance(blob_data, (bytes, bytearray)):
+            # 매번 실시간으로 변환합니다.
             encoded = base64.b64encode(blob_data).decode('utf-8')
-            # 💡 [핵심] div를 제거하고 오직 img 태그만 '한 줄로' 반환합니다.
-            # width를 1200px로 박아버리면 비율 맞춰서 아주 크게 나옵니다.
-            return f"<img src='data:image/png;base64,{encoded}' style='width:1200px !important; max-width:none !important; height:auto !important; display:block;' />"
+            # 💡 [핵심] 픽셀 단위(width="1200")로 아예 박아버려야 ㅈ만하게 안 나옵니다.
+            # 스타일 태그보다 HTML 속성이 Gradio에서 더 강력하게 먹힐 때가 많습니다.
+            return f'<img src="data:image/png;base64,{encoded}" width="1200" style="display:block; margin:10px 0; border:1px solid #ddd;"/>'
         return str(blob_data)
-    except Exception as e:
+    except Exception:
         return str(blob_data)
 
 def safe_text_factory(x):
@@ -659,28 +660,30 @@ table th:nth-child(6):nth-last-child(1), table td:nth-child(6):nth-last-child(1)
 /* -------------------------- */
 /* 기본 테이블 & 스크롤 설정  */
 /* -------------------------- */
-.dataframe {
-    display: block !important;
-    overflow-x: auto !important;
-    white-space: nowrap !important;
-}
-
-/* 2. 모든 셀 상단 정렬 (이게 적용되어야 번호가 맨 위에 붙습니다) */
-.dataframe td {
+thead th { 
+    font-size: 18px !important;
+    position: sticky;
+    top: 0; 
+    background: white; 
+    z-index: 10;
+} 
+.dataframe { 
+    max-height: none !important; 
+    overflow-y: visible !important; 
+} 
+.dataframe > div { 
+    max-height: none !important; 
+    overflow: visible !important; 
+} 
+td { 
+    font-size: 18px !important;
+    white-space: pre-wrap !important;
+    word-break: break-word !important;
+    line-height: 1.6; 
+    padding: 10px; 
     vertical-align: top !important;
-    padding: 15px !important;
-    white-space: normal !important; /* 글자는 자동 줄바꿈 허용 */
-}
+} 
 
-/* 3. 이미지 칸(Description)이 너무 좁아지지 않게 방어 */
-.dataframe td:nth-child(2) {
-    min-width: 1250px !important;
-}
-
-/* 4. Gradio 기본 이미지 제한 해제 */
-.dataframe img {
-    max-width: none !important;
-}
 
 """
 if __name__ == "__main__":