Center and enlarge "Stock limité" text in banner

Adjust font size, line height, and text alignment for "Stock limité" ribbon text in the image editor component.

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:26:16 +00:00
1 parent 6bf75a26ec
commit f208d26d5b
1 file changed
+4 -2
+4 -2
View File
@@ -755,10 +755,12 @@ export default function ImageEditor() {
<div
className="ribbon-text"
style={{
fontSize: ribbon.text.length <= 5 ? '28px' :
fontSize: ribbon.text === "Stock limité" ? '20px' :
ribbon.text.length <= 5 ? '28px' :
ribbon.text.length <= 8 ? '24px' :
ribbon.text.length <= 11 ? '20px' : '16px',
lineHeight: ribbon.text === "Stock limité" ? '1.1' : 'normal'
lineHeight: ribbon.text === "Stock limité" ? '1.2' : 'normal',
textAlign: ribbon.text === "Stock limité" ? 'center' : 'inherit'
}}
>
{ribbon.text === "Stock limité" ? (