mirror of
https://github.com/Comfy-Org/ComfyUI_frontend.git
synced 2026-05-03 20:51:58 +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:
@@ -53,33 +53,48 @@ function handleInput(event: Event): void {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.custom-input,
|
||||
.custom-input {
|
||||
width: 100%;
|
||||
height: 24px;
|
||||
background: #2a2a2e;
|
||||
border: none;
|
||||
border-radius: 4px;
|
||||
color: #e4e4e7;
|
||||
padding: 0 10px;
|
||||
font-size: 11px;
|
||||
outline: none;
|
||||
}
|
||||
|
||||
.custom-textarea {
|
||||
width: 100%;
|
||||
background: #27272a;
|
||||
border: 1px solid #3f3f46;
|
||||
border-radius: 6px;
|
||||
color: #fafafa;
|
||||
background: #2a2a2e;
|
||||
border: none;
|
||||
border-radius: 4px;
|
||||
color: #e4e4e7;
|
||||
padding: 6px 10px;
|
||||
font-size: 11px;
|
||||
outline: none;
|
||||
resize: none;
|
||||
}
|
||||
|
||||
.custom-input:hover,
|
||||
.custom-textarea:hover {
|
||||
background: #323238;
|
||||
}
|
||||
|
||||
.custom-input:focus,
|
||||
.custom-textarea:focus {
|
||||
border-color: #3b82f6;
|
||||
box-shadow: 0 0 0 2px rgba(59, 130, 246, 0.2);
|
||||
background: #323238;
|
||||
}
|
||||
|
||||
.custom-input:disabled,
|
||||
.custom-textarea:disabled {
|
||||
opacity: 0.5;
|
||||
opacity: 0.4;
|
||||
cursor: not-allowed;
|
||||
}
|
||||
|
||||
.custom-input::placeholder,
|
||||
.custom-textarea::placeholder {
|
||||
color: #71717a;
|
||||
color: #52525b;
|
||||
}
|
||||
</style>
|
||||
|
||||
Reference in New Issue
Block a user