From 7d9b5b1a824b9d445bd7d04a48175ac3508b5464 Mon Sep 17 00:00:00 2001
From: michaelschal <35957947-michaelschal@users.noreply.replit.com>
Date: Mon, 13 Oct 2025 06:14:51 +0000
Subject: [PATCH] Increase the font size of text displayed on banners

Adjusted font sizes within the image editor component to make banner text larger based on its length.

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
---
 client/src/pages/image-editor.tsx | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/client/src/pages/image-editor.tsx b/client/src/pages/image-editor.tsx
index 20fb3ca..845ecd9 100644
--- a/client/src/pages/image-editor.tsx
+++ b/client/src/pages/image-editor.tsx
@@ -755,9 +755,9 @@ export default function ImageEditor() {
                               <div 
                                 className="ribbon-text"
                                 style={{ 
-                                  fontSize: ribbon.text.length <= 5 ? '22px' : 
-                                           ribbon.text.length <= 8 ? '18px' : 
-                                           ribbon.text.length <= 11 ? '15px' : '12px' 
+                                  fontSize: ribbon.text.length <= 5 ? '28px' : 
+                                           ribbon.text.length <= 8 ? '24px' : 
+                                           ribbon.text.length <= 11 ? '20px' : '16px' 
                                 }}
                               >
                                 {ribbon.text}