mirror of
https://github.com/willmiao/ComfyUI-Lora-Manager.git
synced 2026-03-22 05:32:12 -03:00
39d6d8d04a
- Implemented CSS styles for the statistics page layout and components. - Developed JavaScript functionality for managing statistics, including data fetching, chart rendering, and tab navigation. - Created HTML template for the statistics page, integrating dynamic content for metrics, charts, and insights. - Added responsive design adjustments and loading states for better user experience.
51 lines
1.7 KiB
CSS
51 lines
1.7 KiB
CSS
/* Import Base Styles */
|
|
@import 'base.css';
|
|
|
|
/* Import Layout */
|
|
@import 'layout.css';
|
|
|
|
/* Import Components */
|
|
@import 'components/header.css';
|
|
@import 'components/card.css';
|
|
@import 'components/modal.css';
|
|
@import 'components/download-modal.css';
|
|
@import 'components/toast.css';
|
|
@import 'components/loading.css';
|
|
@import 'components/menu.css';
|
|
@import 'components/update-modal.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/shared/edit-metadata.css';
|
|
@import 'components/support-modal.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/alphabet-bar.css'; /* Add alphabet bar component */
|
|
@import 'components/duplicates.css'; /* Add duplicates component */
|
|
@import 'components/keyboard-nav.css'; /* Add keyboard navigation component */
|
|
@import 'components/statistics.css'; /* Add statistics 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);
|
|
} |