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:
orkhanart
2025-11-29 12:51:44 -08:00
parent bb49cca003
commit 42fb8ff04b
29 changed files with 1822 additions and 468 deletions

View File

@@ -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>