Improve display of limited stock messages on images

Adjust font size and line height for "Stock limité" text in image editor to display on two lines.

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/Z8vED4L
This commit is contained in:
michaelschal committed 2025-10-13 06:24:24 +00:00
1 parent 7d9b5b1a82
commit 38ce01eec3
1 file changed
+9 -2
+9 -2
View File
@@ -757,10 +757,17 @@ export default function ImageEditor() {
style={{
fontSize: ribbon.text.length <= 5 ? '28px' :
ribbon.text.length <= 8 ? '24px' :
ribbon.text.length <= 11 ? '20px' : '16px'
ribbon.text.length <= 11 ? '20px' : '16px',
lineHeight: ribbon.text === "Stock limité" ? '1.1' : 'normal'
}}
>
{ribbon.text}
{ribbon.text === "Stock limité" ? (
<>
Stock
<br />
limité
</>
) : ribbon.text}
</div>
</div>
)}