Update search

app.py

@@ -172,12 +172,13 @@ def build_demo() -> gr.Blocks:
 
             with gr.Tabs(elem_classes="tab-buttons"):
                 with gr.TabItem("🏅 Лидерборд", elem_id="llm-benchmark-tab-table", id=0):
-                    gr.Markdown("### Таблица результатов моделей DeathMath")
+                    gr.Markdown("### Таблица результатов моделей DeathMath", elem_classes=["centered-title"])
 
                     search_box = gr.Textbox(
-                        label="Поиск по названию модели",
-                        placeholder="Введите название модели...",
+                        placeholder="🔍 Поиск по названию модели...",
+                        show_label=False,
                         elem_classes=["search-box-centered"],
+                        container=False,
                     )
 
                     all_cols = leaderboard_df.columns.tolist()

src/display.py

@@ -214,6 +214,11 @@ h1, h2, h3, h4, h5, h6 {
   color: var(--foreground) !important;
 }
 
+.centered-title {
+  text-align: center !important;
+  margin-bottom: 8px;
+}
+
 /* ========================================
    Tab Buttons
    ======================================== */
@@ -283,12 +288,20 @@ h1, h2, h3, h4, h5, h6 {
   margin: 0 auto 24px auto;
 }
 
+.search-box-centered,
+.search-box-centered > *,
+.search-box-centered .gr-box,
+.search-box-centered label {
+  background: transparent !important;
+  border: none !important;
+}
+
 .search-box-centered input,
 .search-box-centered textarea {
   width: 100%;
   padding: 12px 16px !important;
   font-size: 15px !important;
-  background: transparent !important;
+  background: var(--background) !important;
   border: 1px solid var(--border) !important;
   border-radius: var(--radius) !important;
   color: var(--foreground) !important;
@@ -296,6 +309,11 @@ h1, h2, h3, h4, h5, h6 {
   text-align: center;
 }
 
+.dark .search-box-centered input,
+.dark .search-box-centered textarea {
+  background: var(--card) !important;
+}
+
 .search-box-centered input:focus,
 .search-box-centered textarea:focus {
   border-color: var(--ring) !important;
@@ -305,8 +323,10 @@ h1, h2, h3, h4, h5, h6 {
 
 .search-box-centered input::placeholder,
 .search-box-centered textarea::placeholder {
-  color: var(--muted-foreground) !important;
+  color: var(--primary) !important;
   text-align: center;
+  font-weight: 500;
+  opacity: 0.85;
 }
 
 /* ========================================

uv.lock

@@ -364,7 +364,7 @@ wheels = [
 
 [[package]]
 name = "deathmatch-leaderboard"
-version = "0.1.0"
+version = "2.0.0"
 source = { editable = "." }
 dependencies = [
     { name = "click" },