mirror of
https://github.com/R0m1k3/Socialflow.git
synced 2026-10-15 11:18:54 +02:00
Adjust the position of the text overlay on product images
Update the CSS `transform` property in `image-editor.tsx` to adjust the positioning of the "Stock limité" ribbon text for rotated 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/nlpElis
This commit is contained in:
1 parent
6919ae9873
commit
91f9f4f9e2
1 file changed
+2
-2
@@ -761,8 +761,8 @@ export default function ImageEditor() {
|
||||
whiteSpace: ribbon.text === "Stock limité" ? 'normal' : 'nowrap',
|
||||
transform: ribbon.text === "Stock limité"
|
||||
? (ribbon.position === "north_west"
|
||||
? 'translate(-50%, -50%) rotate(-45deg) translateY(-20px) translateX(-8px)'
|
||||
: 'translate(50%, -50%) rotate(45deg) translateY(-20px) translateX(8px)')
|
||||
? 'translate(-50%, -50%) rotate(-45deg) translateY(-30px) translateX(-8px)'
|
||||
: 'translate(50%, -50%) rotate(45deg) translateY(-30px) translateX(8px)')
|
||||
: undefined
|
||||
}}
|
||||
>
|
||||
|
||||
Reference in new issue
Block a user