alphard/ComfyUI-Lora-Manager
1
0
Fork 0
mirror of https://github.com/willmiao/ComfyUI-Lora-Manager.git synced 2026-03-24 22:52:12 -03:00
Code Issues Packages Projects Releases Wiki Activity

feat: Refactor sidebar components for improved structure and styling

Browse Source
This commit is contained in:
Will Miao
2025-08-26 15:26:45 +08:00
parent 4dc80e7f6e
commit 6df083a1d5
5 changed files with 203 additions and 114 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
templates/components/controls.html
View File

@@ -99,8 +99,8 @@
</div>
<!-- Breadcrumb Navigation -->
<div id="breadcrumbContainer" class="breadcrumb-container hidden">
<nav class="breadcrumb-nav" id="breadcrumbNav">
<div id="breadcrumbContainer" class="sidebar-breadcrumb-container hidden">
<nav class="sidebar-breadcrumb-nav" id="breadcrumbNav">
<!-- Breadcrumbs will be populated by JavaScript -->
</nav>
</div>

39
templates/loras.html
View File

@@ -17,31 +17,26 @@
{% include 'components/controls.html' %}
{% include 'components/duplicates_banner.html' %}
<div class="main-layout">
<!-- Folder Navigation Sidebar -->
<div class="folder-sidebar" id="folderSidebar">
<div class="sidebar-header">
<h3><i class="fas fa-folder-tree"></i> Folders</h3>
<button class="sidebar-close-btn" id="sidebarCloseBtn">
<i class="fas fa-times"></i>
</button>
</div>
<div class="sidebar-content">
<div class="folder-tree-container">
<div class="folder-tree" id="sidebarFolderTree">
<!-- Tree will be populated by JavaScript -->
</div>
<!-- Folder Navigation Sidebar -->
<div class="folder-sidebar" id="folderSidebar">
<div class="sidebar-header" id="sidebarHeader">
<h3><i class="fas fa-home"></i> LoRA Root</h3>
<button class="sidebar-toggle-close" id="sidebarToggleClose">
<i class="fas fa-times"></i>
</button>
</div>
<div class="sidebar-content">
<div class="sidebar-tree-container">
<div class="sidebar-tree" id="sidebarFolderTree">
<!-- Tree will be populated by JavaScript -->
</div>
</div>
</div>
<!-- Main Content Area -->
<div class="content-area">
<!-- Lora卡片容器 -->
<div class="card-grid" id="modelGrid">
<!-- Cards will be dynamically inserted here -->
</div>
</div>
</div>
<!-- Lora卡片容器 -->
<div class="card-grid" id="modelGrid">
<!-- Cards will be dynamically inserted here -->
</div>
<!-- Bulk operations panel will be inserted here by JavaScript -->