Michael/Socialflow
1
0 Fork 0
mirror of https://github.com/R0m1k3/Socialflow.git synced 2026-10-11 17:26:45 +02:00
Code Issues Packages Projects Releases Wiki Activity

Adjust text positioning within the image editor for better alignment

Browse Source 
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
This commit is contained in:
michaelschal committed 2025-10-11 09:03:14 +00:00
1 parent ecac937e0d
commit d95aef11c5
2 files changed
+12 -12
Download Patch File Download Diff File Expand all files Collapse all files

No files matched your search

attached_assets/image_1760173351446.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 270 KiB

client/src/pages/image-editor.tsx
+12 -12
View File
@@ -248,15 +248,15 @@ export default function ImageEditor() {
} }
.ribbon-text.north_west { .ribbon-text.north_west {
top: 22px; top: 38px;
left: 22px; left: 15px;
transform: rotate(-45deg); transform: rotate(-45deg);
transform-origin: center center; transform-origin: center center;
} }
.ribbon-text.north_east { .ribbon-text.north_east {
top: 22px; top: 38px;
right: 22px; right: 15px;
transform: rotate(45deg); transform: rotate(45deg);
transform-origin: center center; transform-origin: center center;
} }
@@ -264,25 +264,25 @@ export default function ImageEditor() {
/* Adaptive text sizes for ribbon */ /* Adaptive text sizes for ribbon */
.ribbon-text.small { .ribbon-text.small {
font-size: 11px; font-size: 11px;
top: 28px; top: 42px;
left: 18px; left: 12px;
} }
.ribbon-text.small.north_east { .ribbon-text.small.north_east {
top: 28px; top: 42px;
right: 18px; right: 12px;
left: auto; left: auto;
} }
.ribbon-text.medium { .ribbon-text.medium {
font-size: 13px; font-size: 13px;
top: 25px; top: 40px;
left: 20px; left: 14px;
} }
.ribbon-text.medium.north_east { .ribbon-text.medium.north_east {
top: 25px; top: 40px;
right: 20px; right: 14px;
left: auto; left: auto;
} }