Merge pull request #78 from zephyrie/fix-model-zoo-ui-issues

Fix Model Zoo UI: adjust search icon spacing and update grid background

Author: zephyrie

model_data.json

@@ -255,7 +255,7 @@ const ModelListView = {
                     placeholder="Search by name, description, or ID..."
                     class="w-full px-6 py-3 pl-12 text-gray-700 bg-white border border-gray-300 rounded-lg focus:outline-none focus:border-brand-primary focus:ring-2 focus:ring-brand-primary/20 transition-colors"
                   >
-                  <svg class="absolute left-4 top-1/2 transform -translate-y-1/2 w-5 h-5 text-gray-400" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+                  <svg class="absolute left-5 top-1/2 transform -translate-y-1/2 w-5 h-5 text-gray-400" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                     <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z"></path>
                   </svg>
                   <button
@@ -281,7 +281,7 @@ const ModelListView = {
         </section>
 
         <!-- Models Grid -->
-        <section class="py-16 bg-white">
+        <section class="py-16 bg-brand-dark/15">
           <div class="container mx-auto px-4">
             <div v-if="filteredModels.length === 0" class="text-center py-12">
               <svg class="w-16 h-16 mx-auto text-gray-400 mb-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">