mirror of
https://github.com/Comfy-Org/ComfyUI_frontend.git
synced 2026-03-14 09:27:41 +00:00
feat(sidebar): Unified sidebar panels with 1-column grid layout
- Create LibraryGridCard component for consistent card design - Refactor LibrarySidebar with multi-select checkbox filters - Create AssetsSidebar with same styling as LibrarySidebar - Create TemplatesSidebar with category filters - Add expand icon to all sidebar panels (Library, Assets, Templates) - Add thumbnails to mock data for workflows, models, nodepacks - Remove categorization in favor of filter dropdowns - Add Library Hub view to workspace with route 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude <noreply@anthropic.com>
This commit is contained in:
@@ -313,6 +313,10 @@ body {
|
||||
.p-tooltip {
|
||||
--p-tooltip-padding: 0.25rem 0.5rem;
|
||||
--p-tooltip-border-radius: 4px;
|
||||
--p-tooltip-background: #000000;
|
||||
--p-tooltip-color: #fafafa;
|
||||
--p-tooltip-show-delay: 100ms;
|
||||
--p-tooltip-hide-delay: 0ms;
|
||||
}
|
||||
|
||||
.p-tooltip .p-tooltip-text {
|
||||
@@ -323,18 +327,14 @@ body {
|
||||
letter-spacing: 0.05em;
|
||||
padding: 0.25rem 0.5rem;
|
||||
white-space: nowrap;
|
||||
border: 1px solid #52525b;
|
||||
border-radius: 4px;
|
||||
}
|
||||
|
||||
/* Dark mode tooltip - for canvas/editor */
|
||||
.dark .p-tooltip,
|
||||
.dark-theme .p-tooltip {
|
||||
--p-tooltip-background: #27272a;
|
||||
--p-tooltip-color: #e4e4e7;
|
||||
}
|
||||
|
||||
/* Light mode tooltip - for workspace */
|
||||
.p-tooltip {
|
||||
--p-tooltip-background: #18181b;
|
||||
--p-tooltip-background: #000000;
|
||||
--p-tooltip-color: #fafafa;
|
||||
}
|
||||
|
||||
|
||||
Reference in New Issue
Block a user