Will Miao
18577fa336
refactor(phase-4): standardize remaining transitions and box-shadows
...
- Replace all remaining 'transition: all' with specific token-based transitions
- Replace 80+ hardcoded box-shadow rgba values with semantic tokens
- Add new tokens: --shadow-side, --shadow-elevated, --shadow-dialog, --shadow-inset-top
- Update dark theme overrides for new shadow tokens
- 32 files changed, net +8 lines (more consistent, less duplication)
2026-06-09 14:27:53 +08:00
Will Miao
5797ce9408
feat(phase-4): visual polish — font stack, shadow system, transitions, micro-interactions
...
Phase 4: Visual Polish
4.1 Font Stack Upgrade:
- Add --font-display token for headings
- Replace all hardcoded font-family: monospace with var(--font-mono)
- Replace hardcoded 'Segoe UI' stack with var(--font-body)
4.2 Shadow Elevation System:
- Add --shadow-2xl, --shadow-card/dropdown/modal/toast/header/dark-lg tokens
- Replace hardcoded shadows in header, menu, banner, shared, recipe-modal,
progress-panel, import-modal, alphabet-bar with semantic tokens
- Add dark theme shadow overrides with increased opacity
4.3 Transitions & Micro-interactions:
- Replace transition: all with specified properties (performance)
- Use --transition-fast/base/slow tokens instead of hardcoded 0.2s/0.3s
- Add :active scale feedback to modal buttons
- Enhance card hover with box-shadow + border-color lift
4.4 Dark Theme Refinement:
- Elevated shadow opacity for dark theme visibility
4.5 Density:
- Standardize container padding with --space-2 token
21 files changed
2026-06-09 14:07:36 +08:00
Will Miao
eb22054580
fix: add --surface-subtle token, restore info grouping, and apply theme-aware favorite color
...
- Add --surface-subtle (oklch 3% opacity) to replace rgba(0,0,0,0.03)
- Fix info items, creator-info, civitai-view, modal-send-btn, header-actions
to use --surface-subtle instead of --surface-hover
- Keep true hover states on --surface-hover
- Use light #d4a017 / dark #ffc107 for --favorite-color based on theme
- Replace hardcoded #ffc107 and #d4a017 with var(--favorite-color)
2026-06-09 09:27:11 +08:00
Will Miao
08afb05ece
refactor: normalize components in Phase 2
...
- Unify button styles (padding, gap, border-radius, hover states) in _base.css
- Fix .secondary-btn syntax error (extra space in var())
- Remove duplicated .card-actions in card.css
- Replace hardcoded #f0f0f0 with --surface-hover token
- Replace #ffc107 with accessible #d4a017 for favorite stars
- Replace hardcoded rgba shadows with semantic --shadow-* tokens in layout.css
- Replace hardcoded rgba(0,0,0,0.03)/rgba(255,255,255,0.03) with --surface-hover
- Remove redundant [data-theme=dark] overrides by using theme-aware tokens
- Replace .dropdown-main hardcoded border with --border-color token
2026-06-09 09:26:28 +08:00
Will Miao
72f8e0d1be
fix(backup): add user-state backup UI and storage
2026-04-10 20:49:30 +08:00
Will Miao
a5ac9cf81b
Revert "fix(recipes): make recipe modal viewport-safe ( #891 )"
...
This reverts commit 51fe7aa07e
2026-04-09 22:28:29 +08:00
Will Miao
51fe7aa07e
fix(recipes): make recipe modal viewport-safe ( #891 )
2026-04-09 19:14:12 +08:00
Will Miao
95e5bc26d1
feat: Add bulk download missing LoRAs feature for recipes
...
- Add BulkMissingLoraDownloadManager.js for handling bulk LoRA downloads
- Add context menu item to bulk mode for downloading missing LoRAs
- Add confirmation modal with deduplicated LoRA list preview
- Implement sequential downloading with WebSocket progress updates
- Fix CSS class naming conflicts to avoid import-modal.css collision
- Update translations for 9 languages (en, zh-CN, zh-TW, ja, ko, ru, de, fr, es, he)
- Style modal without internal scrolling for better UX
2026-03-26 17:46:53 +08:00
Will Miao
bdb4422cbc
feat(ui): adjust modal header width and enhance close button z-index, fixes #729
...
- Decrease modal header width from 85% to 84% for better visual alignment
- Add z-index: 10 to close button to ensure it remains above other modal elements
2025-12-17 10:34:04 +08:00
Will Miao
83f379df33
feat(modal): add scrollbar-gutter to prevent layout shift
2025-12-05 22:27:42 +08:00
Will Miao
5093c30c06
feat: add video support to model version delete preview
...
- Extend CSS to style video elements in delete previews
- Add video rendering logic for model version previews
- Use consistent placeholder image for missing previews
- Maintain existing image preview functionality while adding video support
This allows users to see video previews when deleting model versions, improving the user experience for video-based models.
2025-11-19 22:42:58 +08:00
Will Miao
1b958d0a5d
feat(modal): use CSS variables for header height and improve recipe modal layout
2025-10-06 16:28:56 +08:00
Will Miao
1ea468cfc4
feat(metadata): enhance metadata archive management with download progress and status updates
2025-09-09 15:24:28 +08:00
Will Miao
1d31dae110
feat(tags): implement bulk tag addition and replacement functionality
2025-09-05 07:18:24 +08:00
Will Miao
331ad8f644
feat: Update showToast function to support options object and improve notification handling
...
fix: Adjust modal max-height for better responsiveness
2025-08-22 08:18:43 +08:00
Will Miao
03b6f4b378
refactor: Clean up and optimize import modal and related components, removing unused styles and improving path selection functionality
2025-08-20 23:12:38 +08:00
Will Miao
e587189880
Refactor modal.css into modular components
2025-07-25 16:36:07 +08:00
