From 9c0dcb28531b6ef1d5d9cf657c002d768e1c3b3e Mon Sep 17 00:00:00 2001
From: Will Miao <13051207myq@gmail.com>
Date: Fri, 14 Mar 2025 11:04:58 +0800
Subject: [PATCH] checkpoint

---
 static/css/components/lora-modal.css |  2 -
 templates/recipes.html               | 60 ++--------------------------
 2 files changed, 3 insertions(+), 59 deletions(-)

diff --git a/static/css/components/lora-modal.css b/static/css/components/lora-modal.css
index 6d22a635..a03e7d98 100644
--- a/static/css/components/lora-modal.css
+++ b/static/css/components/lora-modal.css
@@ -602,7 +602,6 @@
     align-items: center;
     width: calc(100% - 40px); /* Avoid overlap with close button */
     position: relative;
-    margin-bottom: var(--space-1);
 }
 
 .model-name-content {
@@ -917,7 +916,6 @@
 /* Updated Model Tags styles - improved visibility in light theme */
 .model-tags-container {
     position: relative;
-    margin-top: 4px;
 }
 
 .model-tags-compact {
diff --git a/templates/recipes.html b/templates/recipes.html
index 6d116808..222125b5 100644
--- a/templates/recipes.html
+++ b/templates/recipes.html
@@ -126,24 +126,11 @@
             {% else %}           
             <!-- Recipe controls - can reuse structure from loras controls -->
             <div class="controls">
-                <!-- Recipe tags container - similar to folder tags -->
-                <div class="folder-tags-container">
-                    <div class="recipe-tag-container">
-                        {% if recipe_tags %}
-                            {% for tag in recipe_tags %}
-                            <div class="recipe-tag" data-tag="{{ tag }}">{{ tag }}</div>
-                            {% endfor %}
-                        {% else %}
-                            <div class="recipe-tag" data-tag="all">All</div>
-                        {% endif %}
+                <div class="action-buttons">
+                    <div title="Import recipes" class="control-group">
+                        <button onclick="importRecipes()"><i class="fas fa-file-import"></i> Import</button>
                     </div>
-                    <button class="toggle-folders-btn" onclick="toggleTagsContainer()" title="Collapse tags">
-                        <i class="fas fa-chevron-up"></i>
-                    </button>
                 </div>
-                
-                <!-- Search container - similar structure to loras search -->
-                {% include 'components/search_controls.html' %}
             </div>
             
             <!-- Recipe grid - similar to lora grid -->
@@ -217,53 +204,12 @@
     
     <!-- Recipe page specific scripts -->
     <script>
-        // Toggle recipe tags container
-        function toggleTagsContainer() {
-            const container = document.querySelector('.recipe-tag-container');
-            const button = document.querySelector('.toggle-folders-btn');
-            
-            if (container.style.display === 'none') {
-                container.style.display = 'flex';
-                button.querySelector('i').className = 'fas fa-chevron-up';
-                button.title = 'Collapse tags';
-            } else {
-                container.style.display = 'none';
-                button.querySelector('i').className = 'fas fa-chevron-down';
-                button.title = 'Expand tags';
-            }
-        }
-        
         // Refresh recipes
         function refreshRecipes() {
             // Will be implemented in recipes.js
             window.location.reload();
         }
         
-        // Simple utility function to handle theme toggling
-        function toggleTheme() {
-            document.body.classList.toggle('dark-theme');
-            localStorage.setItem('theme', document.body.classList.contains('dark-theme') ? 'dark' : 'light');
-        }
-        
-        // Apply saved theme on load
-        document.addEventListener('DOMContentLoaded', () => {
-            const savedTheme = localStorage.getItem('theme');
-            if (savedTheme === 'dark') {
-                document.body.classList.add('dark-theme');
-            }
-            
-            // Setup recipe tag filtering
-            document.querySelectorAll('.recipe-tag').forEach(tag => {
-                tag.addEventListener('click', () => {
-                    document.querySelectorAll('.recipe-tag').forEach(t => t.classList.remove('active'));
-                    tag.classList.add('active');
-                    
-                    // Implement filtering logic here or in recipes.js
-                    console.log('Filter by tag:', tag.dataset.tag);
-                });
-            });
-        });
-        
         // Placeholder for recipe filter manager
         const recipeFilterManager = {
             toggleFilterPanel() {