mirror of
https://github.com/willmiao/ComfyUI-Lora-Manager.git
synced 2026-03-21 21:22:11 -03:00
7bc63d7631
- Implement new split-view overlay layout (left showcase, right metadata) - Add keyboard navigation (↑↓ for model, ←→ for examples, ESC to close) - Create Thumbnail Rail for quick example navigation - Add image controls (view params, set preview, delete) - Implement parameter panel with prompt display - Add metadata panel with model info, tags, licenses - Create tabs (Description/Versions/Recipes) with accordion content - Integrate with existing ModelCard click handlers - Add first-use keyboard hint overlay New files: - static/js/components/model-modal/*.js - static/css/components/model-modal/*.css - docs/plan/model-modal-redesign.md
66 lines
2.3 KiB
CSS
66 lines
2.3 KiB
CSS
/* Import Base Styles */
|
|
@import 'base.css';
|
|
|
|
/* Import Layout */
|
|
@import 'layout.css';
|
|
|
|
/* Import Components */
|
|
@import 'components/header.css';
|
|
@import 'components/banner.css';
|
|
@import 'components/card.css';
|
|
@import 'components/modal/_base.css';
|
|
@import 'components/modal/delete-modal.css';
|
|
@import 'components/modal/update-modal.css';
|
|
@import 'components/modal/settings-modal.css';
|
|
@import 'components/modal/help-modal.css';
|
|
@import 'components/modal/relink-civitai-modal.css';
|
|
@import 'components/modal/example-access-modal.css';
|
|
@import 'components/modal/support-modal.css';
|
|
@import 'components/modal/download-modal.css';
|
|
@import 'components/toast.css';
|
|
@import 'components/loading.css';
|
|
@import 'components/menu.css';
|
|
@import 'components/lora-modal/lora-modal.css';
|
|
@import 'components/lora-modal/description.css';
|
|
@import 'components/lora-modal/tag.css';
|
|
@import 'components/lora-modal/preset-tags.css';
|
|
@import 'components/lora-modal/showcase.css';
|
|
@import 'components/lora-modal/triggerwords.css';
|
|
@import 'components/lora-modal/versions.css';
|
|
|
|
/* New Model Modal Split-View Design (Phase 1) */
|
|
@import 'components/model-modal/overlay.css';
|
|
@import 'components/model-modal/showcase.css';
|
|
@import 'components/model-modal/thumbnail-rail.css';
|
|
@import 'components/model-modal/metadata.css';
|
|
@import 'components/model-modal/tabs.css';
|
|
@import 'components/shared/edit-metadata.css';
|
|
@import 'components/search-filter.css';
|
|
@import 'components/bulk.css';
|
|
@import 'components/shared.css';
|
|
@import 'components/filter-indicator.css';
|
|
@import 'components/initialization.css';
|
|
@import 'components/progress-panel.css';
|
|
@import 'components/duplicates.css'; /* Add duplicates component */
|
|
@import 'components/keyboard-nav.css'; /* Add keyboard navigation component */
|
|
@import 'components/statistics.css'; /* Add statistics component */
|
|
@import 'components/sidebar.css'; /* Add sidebar component */
|
|
|
|
.initialization-notice {
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
min-height: 200px;
|
|
margin: var(--space-3) 0;
|
|
padding: var(--space-3);
|
|
background: var(--lora-surface);
|
|
border: 1px solid var(--lora-border);
|
|
border-radius: var(--border-radius-base);
|
|
text-align: center;
|
|
}
|
|
|
|
/* 使用已有的loading-spinner样式 */
|
|
.initialization-notice .loading-spinner {
|
|
margin-bottom: var(--space-2);
|
|
}
|