adjust layout

tabs/leaderboard_tab.py

@@ -145,6 +145,25 @@ def make_ranked(df: pd.DataFrame) -> pd.DataFrame:
     ranked = df.sort_values(by='overall_score', ascending=False).reset_index(drop=True)
     ranked.insert(0, "Rank", range(1, len(ranked) + 1))
     
+    medal_styles = {
+        1: {'icon': '🥇', 'color': '#FFD700'},  # 金色
+        2: {'icon': '🥈', 'color': '#C0C0C0'},  # 暗银色
+        3: {'icon': '🥉', 'color': '#CD7F32'}   # 铜色
+    }
+    
+    def format_rank_with_medal(rank_num):
+        if rank_num in medal_styles:
+            style = medal_styles[rank_num]
+            # 数字加粗+颜色，奖牌图标放大
+            return (
+                f'<span style="font-weight: bold; color: {style["color"]};">{rank_num}</span> '
+                f'<span style="font-size: 1.5em;">{style["icon"]}</span>'
+            )
+        else:
+            return str(rank_num)
+    
+    ranked['Rank'] = ranked['Rank'].apply(format_rank_with_medal)
+    
     # 重命名列名为简写形式
     ranked = ranked.rename(columns=COLUMN_RENAME_MAP)
     
@@ -212,11 +231,13 @@ def create_leaderboard_tab():
         # 初始化数据（不使用样式）
         initial_df = make_ranked(load_leaderboard())
         
-        # 获取列数据类型，将 model 列设置为 html
+        # 获取列数据类型，将 model 列和 Rank 列设置为 html
         column_count = len(initial_df.columns)
         datatypes = ["str"] * column_count
         model_col_index = initial_df.columns.get_loc('model')
+        rank_col_index = initial_df.columns.get_loc('Rank')
         datatypes[model_col_index] = "html"
+        datatypes[rank_col_index] = "html"  # Rank 列也需要渲染 HTML
         
         # 创建 Dataframe 组件
         table = gr.Dataframe(
@@ -227,7 +248,7 @@ def create_leaderboard_tab():
             elem_id="leaderboard_table",  # 添加元素ID
             interactive=False,  # 禁用编辑功能
             wrap=True,  # 启用自动换行，超长文本会自动换行显示
-            column_widths=["80px", "300px", "100px", "100px", "100px", "100px", "100px", "100px", "100px", "180px", "150px"]  # 设置各列宽度，model列和category列设置合适宽度以支持换行
+            column_widths=["80px", "380px", "100px", "100px", "100px", "100px", "100px", "100px", "100px", "180px", "150px"]  # 设置各列宽度，model列设置为450px以完整显示长名称
         )
 
         def update_display(search_text, selected_categories):