Adjust text positioning to prevent it from overlapping images

Update CSS transformations in `image-editor.tsx` to modify the positioning of ribbon labels for better visual presentation.

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:
michaelschal committed 2025-10-13 06:34:04 +00:00
1 parent bfd73ac7c9
commit 15fbda3006
2 files changed
+2 -2

No files matched your search

Binary file not shown.

After

Width:  |  Height:  |  Size: 250 KiB

+2 -2
View File
@@ -352,11 +352,11 @@ export default function ImageEditor() {
}
.ribbon-container.north_west .ribbon-label {
transform: rotate(-45deg) translate(-25px, -40px);
transform: rotate(-45deg) translate(-35px, -50px);
}
.ribbon-container.north_east .ribbon-label {
transform: rotate(45deg) translate(25px, -40px);
transform: rotate(45deg) translate(35px, -50px);
}
.ribbon-text {