Update index.html

index.html

@@ -468,10 +468,10 @@
                                     :style="{ backgroundColor: cell.bgColor }"
                                 >
                                     <div class="rotation-wrapper" :style="{ transform: `rotate(${cell.rotation}deg)` }">
-                                        <span v-if="cell.type === 'text'" class="font-bold cell-text" :class="getFontSizeClass(cell.content)" :style="{ color: cell.color }">{{ cell.content }}</span>
+                                        <span v-if="cell.type === 'text'" class="font-bold cell-text" :class="getOverviewFontSizeClass(cell.content)" :style="{ color: cell.color }">{{ cell.content }}</span>
                                         
                                         <!-- Render Icon: Emoji -->
-                                        <span v-if="cell.type === 'icon'" class="text-3xl leading-none select-none">{{ icons[cell.content] }}</span>
+                                        <span v-if="cell.type === 'icon'" class="text-2xl leading-none select-none">{{ icons[cell.content] }}</span>
 
                                         <!-- Image Renderer -->
                                         <img v-if="cell.type === 'image'" :src="cell.content" class="w-4/5 h-4/5 object-contain">
@@ -649,6 +649,13 @@
                 return 'text-5xl md:text-7xl';
             };
 
+            const getOverviewFontSizeClass = (content) => {
+                const len = content ? content.length : 0;
+                if (len >= 3) return 'text-xl';
+                if (len === 2) return 'text-2xl';
+                return 'text-3xl';
+            };
+
             const getFontSizeForPdf = (content) => {
                 const len = content ? content.length : 0;
                 if (len >= 3) return "40";
@@ -1254,7 +1261,8 @@
                 openCustomGridModal,
                 confirmCustomGrid,
                 isCustomGridActive,
-                getFontSizeClass
+                getFontSizeClass,
+                getOverviewFontSizeClass
             };
         }
     }).mount('#app');