test

app.py

@@ -23,9 +23,9 @@ persian_df = add_average_column_to_df(persian_df, columns_to_average, index=3)
 base_df = apply_markdown_format_for_columns(df=base_df, model_column_name="Model")
 persian_df = apply_markdown_format_for_columns(df=persian_df, model_column_name="Model")
 
-columns_data_type = ["str" for i in range(len(persian_df.columns))]
+columns_data_type = ["markdown" for i in range(len(persian_df.columns))]
 # "str", "number", "bool", "date", "markdown"
-columns_data_type[0] = "markdown"
+# columns_data_type[0] = "markdown"
 
 
 with gr.Blocks(css=custom_css) as demo:

utils.py

@@ -9,8 +9,6 @@ from envs import API, EVAL_REQUESTS_PATH, TOKEN, QUEUE_REPO
 
 custom_css = """
 @import url('https://fonts.googleapis.com/css2?family=Vazirmatn&display=swap');
-
-/* Maintain your existing font styles */
 body, .gradio-container, .gr-button, .gr-input, .gr-slider, .gr-dropdown, .gr-markdown {
     font-family: 'Vazirmatn', sans-serif !important;
 }
@@ -37,36 +35,23 @@ body, .gradio-container, .gr-button, .gr-input, .gr-slider, .gr-dropdown, .gr-ma
 }
 
 #leaderboard-table {
-    margin-top: 15px;
+    margin-top: 15px
 }
 
-/* Added Center Alignment for Table Cells */
-#leaderboard-table, 
 #leaderboard-table-lite {
-    margin-top: 15px;
-    width: 100%;
-    border-collapse: collapse;
-}
-
-#leaderboard-table th, 
-#leaderboard-table td,
-#leaderboard-table-lite th,
-#leaderboard-table-lite td {
-    text-align: center; /* Center-align text in cells */
-    padding: 10px; /* Add some padding for readability */
-    border: 1px solid #ddd; /* Optional: Add a border */
+    margin-top: 15px
 }
 
-#leaderboard-table th {
-    background-color: #f4f4f4; /* Optional: Light background for header row */
+#search-bar-table-box > div:first-child {
+    background: none;
+    border: none;
 }
 
-/* Add hover effect for table rows */
-#leaderboard-table tr:hover {
-    background-color: #f9f9f9; /* Optional: Highlight row on hover */
+#search-bar {
+    padding: 0px;
 }
 
-/* Maintain the width limit for the second column */
+/* Limit the width of the first AutoEvalColumn so that names don't expand too much */
 #leaderboard-table td:nth-child(2),
 #leaderboard-table th:nth-child(2) {
     max-width: 400px;
@@ -74,12 +59,10 @@ body, .gradio-container, .gr-button, .gr-input, .gr-slider, .gr-dropdown, .gr-ma
     white-space: nowrap;
 }
 
-/* Tab buttons styles */
 .tab-buttons button {
     font-size: 20px;
 }
 
-/* Logo and search bar adjustments */
 #scale-logo {
     border-style: none !important;
     box-shadow: none;
@@ -92,56 +75,37 @@ body, .gradio-container, .gr-button, .gr-input, .gr-slider, .gr-dropdown, .gr-ma
 #scale-logo .download {
     display: none;
 }
-
-#search-bar-table-box > div:first-child {
-    background: none;
-    border: none;
-}
-
-#search-bar {
-    padding: 0px;
-}
-
-/* Filter-related styles */
-#filter_type {
+#filter_type{
     border: 0;
     padding-left: 0;
     padding-top: 0;
 }
-
 #filter_type label {
     display: flex;
 }
-
-#filter_type label > span {
+#filter_type label > span{
     margin-top: var(--spacing-lg);
     margin-right: 0.5em;
 }
-
-#filter_type label > .wrap {
+#filter_type label > .wrap{
     width: 103px;
 }
-
-#filter_type label > .wrap .wrap-inner {  
+#filter_type label > .wrap .wrap-inner{  
     padding: 2px;
 }
-
-#filter_type label > .wrap .wrap-inner input {
-    width: 1px;
+#filter_type label > .wrap .wrap-inner input{
+    width: 1px
 }
-
-#filter-columns-type {
-    border: 0;
-    padding: 0.5;
+#filter-columns-type{
+    border:0;
+    padding:0.5;
 }
-
-#filter-columns-size {
-    border: 0;
-    padding: 0.5;
+#filter-columns-size{
+    border:0;
+    padding:0.5;
 }
-
-#box-filter > .form {
-    border: 0;
+#box-filter > .form{
+    border: 0
 }
 """