fix: text positions on download in tier forge

fezcode · fezcode · commit 1e2f231f3948 · 2026-01-10T22:22:23.000+03:00
diff --git a/src/app/apps/TierForge/TierForge.jsx b/src/app/apps/TierForge/TierForge.jsx
@@ -263,6 +263,17 @@ const TierForge = () => {
                     chart.style.overflow = 'visible';
                     chart.style.height = 'auto';
                 }
+
+                // Fix vertical alignment for text in capture (html2canvas often renders text lower)
+                const labels = document.querySelectorAll('.tier-label-text');
+                labels.forEach(label => {
+                    label.style.transform = 'translateY(-10px)'; // Nudge text up
+                });
+
+                const items = document.querySelectorAll('.item-text-content');
+                items.forEach(item => {
+                    item.style.transform = 'translateY(-4px)';
+                });
             }
         });
 
@@ -331,7 +342,7 @@ const TierForge = () => {
               <div className="flex items-center gap-2 px-3 py-2 bg-emerald-500/10 border border-emerald-500/20 rounded-sm animate-pulse">
                 <InfoIcon weight="fill" className="text-emerald-500" size={12} />
                 <span className="text-[10px] text-emerald-500 font-bold uppercase tracking-widest leading-none">
-                  Data Detected
+                  Saved Data Exists
                 </span>
               </div>
            )}
@@ -399,4 +410,4 @@ const TierForge = () => {
   );
 };
 
-export default TierForge;
+export default TierForge;
diff --git a/src/app/apps/TierForge/components/DraggableItem.jsx b/src/app/apps/TierForge/components/DraggableItem.jsx
@@ -16,7 +16,7 @@ const DraggableItem = ({ item, onDragStart, onDelete }) => {
         />
       ) : (
         <div className="w-full h-full grid place-items-center p-1 bg-[#111] text-white overflow-hidden">
-            <span className="text-[10px] font-mono text-center break-words leading-tight w-full">
+            <span className="item-text-content text-[10px] font-mono text-center break-words leading-tight w-full">
                 {item.content}
             </span>
         </div>
diff --git a/src/app/apps/TierForge/components/TierRow.jsx b/src/app/apps/TierForge/components/TierRow.jsx
@@ -51,7 +51,7 @@ const TierRow = ({
           style={{ backgroundColor: tier.color }}
         >
           <span
-            className="text-black font-black text-xl md:text-3xl uppercase tracking-wider text-center select-none cursor-pointer break-words w-full"
+            className="tier-label-text text-black font-black text-xl md:text-3xl uppercase tracking-wider text-center select-none cursor-pointer break-words w-full"
             style={{ textShadow: '0 2px 0 rgba(255,255,255,0.2)' }}
             onDoubleClick={openModal}
           >

Original file line number	Diff line number	Diff line change
`@@ -51,7 +51,7 @@ const TierRow = ({`
`51`	`51`	`style={{ backgroundColor: tier.color }}`
`52`	`52`	`>`
`53`	`53`	`<span`
`54`		`- className="text-black font-black text-xl md:text-3xl uppercase tracking-wider text-center select-none cursor-pointer break-words w-full"`
	`54`	`+ className="tier-label-text text-black font-black text-xl md:text-3xl uppercase tracking-wider text-center select-none cursor-pointer break-words w-full"`
`55`	`55`	`style={{ textShadow: '0 2px 0 rgba(255,255,255,0.2)' }}`
`56`	`56`	`onDoubleClick={openModal}`
`57`	`57`	`>`