mirror of
https://github.com/R0m1k3/Socialflow.git
synced 2026-10-11 17:26:45 +02:00
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:
1 parent
6bf75a26ec
commit
f208d26d5b
1 file changed
+4
-2
@@ -755,10 +755,12 @@ export default function ImageEditor() {
|
|||||||
<div
|
<div
|
||||||
className="ribbon-text"
|
className="ribbon-text"
|
||||||
style={{
|
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 <= 8 ? '24px' :
|
||||||
ribbon.text.length <= 11 ? '20px' : '16px',
|
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é" ? (
|
{ribbon.text === "Stock limité" ? (
|
||||||
|
|||||||
Reference in new issue
Block a user