charlestehio/memefast
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update

Browse Source
This commit is contained in:
ct
2025-06-17 20:55:51 +08:00
parent 933e12d7fb
commit bf54d37306
2 changed files with 35 additions and 16 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
resources/js/modules/editor/partials/text-sidebar.jsx
View File

@@ -35,11 +35,11 @@ export default function TextSidebar({ isOpen, onClose }) {
const MAX_FONT_SIZE = 120;
const FONT_SIZE_STEP = 2;
// Update state when selected element changes
// Update state when selected element changes - THIS KEEPS SIDEBAR IN SYNC WITH TRANSFORMER
useEffect(() => {
if (selectedTextElement) {
setTextValue(selectedTextElement.text || '');
setFontSize(selectedTextElement.fontSize || 24);
setFontSize(selectedTextElement.fontSize || 24); // Always use current fontSize from element
setIsBold(selectedTextElement.fontWeight === 'bold' || selectedTextElement.fontWeight === 700 || true);
setIsItalic(selectedTextElement.fontStyle === 'italic' || false);
setFontFamily(selectedTextElement.fontFamily || 'Montserrat');
@@ -59,7 +59,7 @@ export default function TextSidebar({ isOpen, onClose }) {
}
};
// Handle font size changes
// Handle font size changes - CLAMP AND UPDATE
const handleFontSizeChange = (newSize) => {
const clampedSize = Math.max(MIN_FONT_SIZE, Math.min(MAX_FONT_SIZE, newSize));
setFontSize(clampedSize);
@@ -196,6 +196,9 @@ export default function TextSidebar({ isOpen, onClose }) {
<div className="mt-1 text-center text-xs text-gray-500">
Size range: {MIN_FONT_SIZE}px - {MAX_FONT_SIZE}px
</div>
{/* Note about transformer resize */}
<div className="mt-1 text-center text-xs text-blue-600">💡 You can also resize by dragging the corners</div>
</div>
{/* Font Style Controls */}