Add tools radio button and tighten y-spacing #30

fixie-ai · Jul 19, 2024 · d73de96 · d73de96
1 parent 047abd1
commit d73de96
Show file tree

Hide file tree

Showing 4 changed files with 14 additions and 5 deletions.
diff --git a/.github/workflows/bench.yml b/.github/workflows/bench.yml
@@ -17,7 +17,7 @@ jobs:
           curl -f -X POST "https://ai-benchmarks.fly.dev/bench?mode=audio&max_tokens=20&num_requests=1"
           # Run the benchmarks
           regions=("sea" "iad" "cdg")
-          media=("text" "image" "audio")
+          media=("text" "tools" "image" "audio")
           for region in "${regions[@]}"; do
             for medium in "${media[@]}"; do
               curl -f -X POST "https://ai-benchmarks.fly.dev/bench?mode=$medium&max_tokens=20&spread=30&store" -H "fly-prefer-region: $region"

diff --git a/website/src/components/DataGrid.astro b/website/src/components/DataGrid.astro
@@ -42,7 +42,7 @@ import "ag-grid-community/styles/ag-theme-quartz.css";
     <div class="flex flex-col">
       <label for="regionSelector" class="text-base font-bold">Region</label>
       <label class="text-base font-bold">===============</label>
-      <div id="regionSelector" class="my-4">
+      <div id="regionSelector" class="mb-4">
         <div>
           <input
             type="radio"
@@ -76,7 +76,7 @@ import "ag-grid-community/styles/ag-theme-quartz.css";
     <div class="ml-8 flex flex-col">
       <label for="mediaSelector" class="text-base font-bold">Prompt Type</label>
       <label class="text-base font-bold">===============</label>
-      <div id="mediaSelector" class="my-4">
+      <div id="mediaSelector" class="mb-4">
         <div>
           <input
             type="radio"
@@ -87,6 +87,15 @@ import "ag-grid-community/styles/ag-theme-quartz.css";
           />
           <label for="textMediaSelector">Text</label>
         </div>
+        <div>
+          <input
+            type="radio"
+            id="toolsMediaSelector"
+            name="selectedMedia"
+            value="tools"
+          />
+          <label for="toolsMediaSelector">Function</label>
+        </div>
         <div>
           <input
             type="radio"

diff --git a/website/src/components/Hero.astro b/website/src/components/Hero.astro
@@ -12,7 +12,7 @@ import Section from "./Section.astro";
     reliable measurements for the performance of popular models.
   </p>
   <p class="mt-4">
-    You can filter using the hamburger menu in a column header, e.g.,
+    You can filter models using the text fields in the header, e.g.,
     <a class="underline hover:text-orange-600" href="?mf=llama-3-70b"
       >Llama 3 70B providers</a
     >,

diff --git a/website/src/components/Section.astro b/website/src/components/Section.astro
@@ -2,6 +2,6 @@
 
 ---
 
-<div class="mx-auto w-full max-w-screen-lg px-4 py-4">
+<div class="mx-auto w-full max-w-screen-lg px-4 pt-4">
   <slot />
 </div>