Phase 5: Photo Pre-Editor (Filerobot)

- Added react-filerobot-image-editor dependency
- PhotoPreEditor component with full editing capabilities
- Crop, filters, adjustments, annotations, watermark tabs
- Opens after image upload, before adding to canvas
- Exports edited image as PNG for canvas use

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
Khalid A
2026-04-21 01:20:11 -05:00
parent 4a735e2f2e
commit 7bf9ce3a9c
5 changed files with 112 additions and 5 deletions

View File

@@ -538,6 +538,28 @@ input, textarea, select {
animation: spin 1s linear infinite;
}
/* Filerobot Editor Overlay */
.filerobot-overlay {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: rgba(0, 0, 0, 0.8);
display: flex;
align-items: center;
justify-content: center;
z-index: 1000;
}
.filerobot-container {
width: 90%;
height: 90%;
background: #1e1e1e;
border-radius: var(--radius-lg);
overflow: hidden;
}
/* Responsive */
@media (max-width: 900px) {
.app-layout {