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
e23d803ecf
fix(layout): ensure refresh split-button dropdown renders above breadcrumb nav
2026-05-03 18:14:54 +08:00
Will Miao
502b7eab31
fix(layout): correct breadcrumb sticky behavior and controls wrapping overflow
...
- Extract breadcrumb from controls template into sibling component
- Fix breadcrumb sticky positioning (top: 0, z-index: calc(--z-header - 1))
- Add 1500px breakpoint to wrap controls-right and prevent overflow
- Adjust breadcrumb padding-bottom to cover controls-right area when sticky
2026-05-01 22:53:40 +08:00
Will Miao
4ef750b206
feat: improve dropdown menu responsiveness
...
Update dropdown menu CSS to use max-content and max() function for better responsive behavior. Replace fixed min-width with dynamic width calculation to ensure proper content fitting across different screen sizes while maintaining dropdown functionality.
2025-10-29 16:06:08 +08:00
Will Miao
e10717dcda
feat(ui): improve update controls styling and error handling
...
- Add disabled and loading states for control group buttons with appropriate cursor and opacity styling
- Enhance dropdown toggle active state styling for update filter group
- Improve dropdown toggle layout with flex centering
- Add disabled state styling for dropdown items
- Refactor model update check to use shared helper function, removing redundant success handling and simplifying error flow
- Maintain existing functionality while improving user experience and code maintainability
2025-10-29 14:38:11 +08:00
Will Miao
b10bcf7e78
feat: add update availability filter to model list
...
Add a new filter option to show only models with available updates across all supported languages. This includes:
- Adding "updates" filter translations in all locale files (de, en, es, fr, he, ja, ko)
- Extending BaseModelApiClient to handle update_available_only query parameter
- Implementing update filter button in PageControls component with event listeners
- Adding corresponding CSS styles for active filter state
The feature allows users to quickly identify and focus on models that have updates available, improving the update management workflow.
2025-10-29 07:32:53 +08:00
Will Miao
f6bd48cfcd
feat: Update box-shadow for header and adjust controls styling for improved layout
2025-08-27 15:43:44 +08:00
Will Miao
01843b8f2b
feat: Update media query breakpoints from 2000px to 2150px for improved responsiveness across components
2025-08-27 09:54:08 +08:00
Will Miao
a98e26139f
feat: Implement auto-hide functionality for sidebar and update controls layout
2025-08-26 17:57:59 +08:00
Will Miao
d7949fbc30
feat: Enhance sidebar navigation with dropdowns and refactor breadcrumb structure
2025-08-26 16:44:01 +08:00
Will Miao
4dc80e7f6e
feat: Implement sidebar navigation with folder tree and controls
2025-08-26 10:33:46 +08:00
Will Miao
e8ccdabe6c
refactor: Enhance sorting functionality and UI for model selection, including legacy format conversion
2025-07-24 09:26:15 +08:00
Will Miao
eccfa0ca54
feat: Add keyboard shortcuts for bulk operations and enhance shortcut key styling
2025-07-22 19:14:36 +08:00
Will Miao
63dc5c2bdb
fix: change overflow-y property to scroll for consistent vertical scrolling behavior
2025-06-27 11:44:43 +08:00
Will Miao
ceacac75e0
Increase minimum width of dropdown menu for improved usability
2025-05-29 15:55:14 +08:00
Will Miao
bae66f94e8
Add full rebuild option to model refresh functionality and enhance dropdown controls
2025-05-29 15:51:45 +08:00
Will Miao
488654abc8
Improve card layout responsiveness and scrolling behavior
2025-05-18 07:49:39 +08:00
Will Miao
2ba7a0ceba
Add keyboard navigation support and related styles for enhanced user experience
2025-05-15 20:17:57 +08:00
Will Miao
925ad7b3e0
Add user-select: none to prevent text selection on cards and control elements
2025-05-15 05:36:56 +08:00
Will Miao
8546cfe714
checkpoint
2025-05-12 10:25:58 +08:00
Will Miao
61f723a1f5
feat: add back-to-top button and update its positioning
2025-04-30 14:46:43 +08:00
Will Miao
51a6374c33
feat: add favorites filtering functionality across models and UI components
2025-04-25 17:55:33 +08:00
Will Miao
43e3d0552e
style: Update filter indicator and button styles for improved UI consistency
...
feat: Add pulse animation to filter indicators in Lora and recipe management
refactor: Change filter-active button to a div for better semantic structure
2025-04-08 13:45:15 +08:00
Will Miao
dd81c86540
Enhance folder tag functionality and layout; update styles for action buttons and toggle behavior
2025-03-13 21:23:24 +08:00
Will Miao
0b0caa1142
Fix layout
2025-03-13 20:37:23 +08:00
Will Miao
e7233c147d
checkpoint
2025-03-13 15:04:18 +08:00
Will Miao
14aef237a9
Add interactive thumbnail strip for bulk LoRA selection
2025-03-07 15:36:07 +08:00
Will Miao
0c4914909a
Add bulk operation
2025-03-07 13:15:39 +08:00
Will Miao
2e47b30ed5
Refactor layout.css
2025-03-07 09:23:11 +08:00
Will Miao
5e6cce936d
Add update notifications
2025-03-05 22:03:54 +08:00
Will Miao
493dff5c19
Add support modal and toggle button for user feedback and support
2025-03-05 20:47:17 +08:00
Will Miao
f614dbf700
Add filters - base model only for now
2025-03-05 19:53:52 +08:00
Will Miao
c17f2c885a
Add filters - checkpoint
2025-03-05 19:07:11 +08:00
Will Miao
6f48762110
Fix issue with incomplete display caused by too many folders
2025-02-28 21:37:00 +08:00
Will Miao
832abd743c
Refactor css checkpoint2
2025-02-17 21:27:55 +08:00
Will Miao
2fc7235537
Refactor css checkpoint
2025-02-17 19:21:40 +08:00
