 michaelschal
|
d95aef11c5
|
Adjust text positioning within the image editor for better alignment
Update CSS styles in `client/src/pages/image-editor.tsx` to correct the vertical and horizontal positioning of ribbon text elements.
Replit-Commit-Author: Agent
Replit-Commit-Session-Id: ae4037a0-2a6f-4530-9bac-79b543286bda
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/397bca8c-984f-43ff-841a-10897aeb8140/ae4037a0-2a6f-4530-9bac-79b543286bda/VEZwUqa
|
2025-10-11 09:03:14 +00:00 |
|
|
michaelschal
|
ecac937e0d
|
Adjust banner text positioning and size for better visibility
Update CSS styles in client/src/pages/image-editor.tsx to correct the positioning and sizing of ribbon text elements for improved banner text display.
Replit-Commit-Author: Agent
Replit-Commit-Session-Id: ae4037a0-2a6f-4530-9bac-79b543286bda
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/397bca8c-984f-43ff-841a-10897aeb8140/ae4037a0-2a6f-4530-9bac-79b543286bda/VEZwUqa
|
2025-10-11 09:02:30 +00:00 |
|
|
michaelschal
|
13afecfa45
|
Improve banner text display and add adjustable price font size
Introduce a `size` property to `PriceBadge` interface and update UI components in `image-editor.tsx` to allow users to adjust the font size of the price badge. Implement adaptive text sizing for ribbon text based on length.
Replit-Commit-Author: Agent
Replit-Commit-Session-Id: ae4037a0-2a6f-4530-9bac-79b543286bda
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/397bca8c-984f-43ff-841a-10897aeb8140/ae4037a0-2a6f-4530-9bac-79b543286bda/VEZwUqa
|
2025-10-11 09:01:23 +00:00 |
|
|
michaelschal
|
59888a064c
|
Update image editor to fix banner and price display issues
Adjusted CSS for ribbon and price badge overlays to ensure correct display and positioning, and modified Cloudinary transformations to exclude these overlays from the image generation URL.
Replit-Commit-Author: Agent
Replit-Commit-Session-Id: ae4037a0-2a6f-4530-9bac-79b543286bda
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/397bca8c-984f-43ff-841a-10897aeb8140/ae4037a0-2a6f-4530-9bac-79b543286bda/VEZwUqa
|
2025-10-11 08:57:45 +00:00 |
|
|
michaelschal
|
0d6e9b0832
|
Add a feature to generate and apply corner ribbons to images
Introduce a new API endpoint and service for generating triangular ribbon overlays with text using Cloudinary, and integrate this into the image editor.
Replit-Commit-Author: Agent
Replit-Commit-Session-Id: ae4037a0-2a6f-4530-9bac-79b543286bda
Replit-Commit-Checkpoint-Type: intermediate_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/397bca8c-984f-43ff-841a-10897aeb8140/ae4037a0-2a6f-4530-9bac-79b543286bda/VEZwUqa
|
2025-10-11 08:55:19 +00:00 |
|
|
michaelschal
|
4373ece01c
|
Adjust banner and price badge appearance for better visual appeal
Modify image editor to use diagonal banners and circular price badges, improving UI aesthetics.
Replit-Commit-Author: Agent
Replit-Commit-Session-Id: ae4037a0-2a6f-4530-9bac-79b543286bda
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/397bca8c-984f-43ff-841a-10897aeb8140/ae4037a0-2a6f-4530-9bac-79b543286bda/VEZwUqa
|
2025-10-11 08:45:43 +00:00 |
|
|
michaelschal
|
c3ecaaf05d
|
Improve image editor's ribbon and price badge placement
Refactor ribbon overlay to use a simple rectangle and adjust price badge to use a starburst character for a centered effect.
Replit-Commit-Author: Agent
Replit-Commit-Session-Id: ae4037a0-2a6f-4530-9bac-79b543286bda
Replit-Commit-Checkpoint-Type: intermediate_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/397bca8c-984f-43ff-841a-10897aeb8140/ae4037a0-2a6f-4530-9bac-79b543286bda/dE5lg1s
|
2025-10-11 08:33:47 +00:00 |
|
|
michaelschal
|
323c942e42
|
Improve ribbon overlay to create a corner banner effect
Refactor ribbon overlay in ImageEditor to implement a rotated corner banner with adjustable positioning, rotation, and offset, using Cloudinary's text layer and transformation features.
Replit-Commit-Author: Agent
Replit-Commit-Session-Id: ae4037a0-2a6f-4530-9bac-79b543286bda
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/397bca8c-984f-43ff-841a-10897aeb8140/ae4037a0-2a6f-4530-9bac-79b543286bda/dE5lg1s
|
2025-10-11 08:29:14 +00:00 |
|
|
michaelschal
|
1068e5beb0
|
Add an image editing tool for applying enhancements and overlays
Integrates a new image editor page with routing, sidebar navigation, and Cloudinary transformation URL generation for applying various filters, ribbons, price badges, and logos to selected media.
Replit-Commit-Author: Agent
Replit-Commit-Session-Id: ae4037a0-2a6f-4530-9bac-79b543286bda
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/397bca8c-984f-43ff-841a-10897aeb8140/ae4037a0-2a6f-4530-9bac-79b543286bda/dE5lg1s
|
2025-10-11 08:25:34 +00:00 |
|