feat: add layers panel with blend modes, effects, and drag reorder

Browse Source

Implements the layer management panel for the image editor (Features 16, 40):
- Blend mode dropdown (16 modes) and opacity slider for active layer
- Layer list with visibility/lock toggles, thumbnails, and inline rename
- Pointer-based drag reorder (not HTML5 drag API)
- Right-click context menu: Duplicate, Merge Down, Flatten All, Delete
- Layer effects section: Drop Shadow, Inner Shadow, Outer Glow, Stroke
- Each effect with enable/disable toggle and full parameter controls
- Wired into EditorRightPanel as the "Layers" tab content

...

This commit is contained in:

SnapOtter

2026-05-06 23:22:24 +08:00

parent 9eae8369bb

commit fedb7bc2e3

2 changed files with 1012 additions and 2 deletions

Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL

Download Patch File Download Diff File Expand all files Collapse all files

apps/web/src/components/editor/panels/layers-panel.tsx

+1009

File diff suppressed because it is too large Load Diff