feat: highlight selected model families

mlc-ai · Dec 10, 2024 · d182c85 · d182c85
1 parent 6833487
commit d182c85
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 1 deletion.
diff --git a/app/components/model-select.module.scss b/app/components/model-select.module.scss
@@ -55,6 +55,11 @@ input.input[type=text] {
             }
         }
     }
+
+    .selected-model-family {
+        border-color: var(--primary);
+        background-color: var(--second);
+    }
 }
 
 .model-icon {

diff --git a/app/components/model-select.tsx b/app/components/model-select.tsx
@@ -233,7 +233,7 @@ const ModelSelect: React.FC<ModelSearchProps> = ({
                     {Icon ? <Icon /> : <Cpu />}
                   </div>
                 }
-                className={style["model-family-button"]}
+                className={`${style["model-family-button"]}${selectedFamilies.includes(key) ? " " + style["selected-model-family"] : ""}`}
               />
             ))}
           </div>
-Original file line number
+Diff line change
@@ Expand Up / @@ -233,7 +233,7 @@ const ModelSelect: React.FC<ModelSearchProps> = ({ @@
                         {Icon ? <Icon /> : <Cpu />}
                       </div>
                     }
-                    className={style["model-family-button"]}
+                    className={`${style["model-family-button"]}${selectedFamilies.includes(key) ? " " + style["selected-model-family"] : ""}`}
                   />
                 ))}
               </div>
@@ Expand Down @@