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 18:13:10 +08:00
parent bf5e875ee9
commit 995211724d
1 changed files with 22 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -161,22 +161,40 @@ export default function TextSidebar({ isOpen, onClose }) {
value={textValue} value={textValue}
onChange={handleTextChange} onChange={handleTextChange}
placeholder="Enter your text..." placeholder="Enter your text..."
className="mt-2 text-center" className="mt-2 border-2 text-center text-nowrap"
rows={4} rows={4}
style={{
fontFamily: fontFamily,
fontSize: `${fontSize * 0.45}px`, // Better scaling
fontWeight: isBold ? 'bold' : 'normal',
fontStyle: isItalic ? 'italic' : 'normal',
lineHeight: '1.4',
}}
/> />
</div> </div>
{/* Font Fa
{/* Font Family */} {/* Font Family */}
<div> <div>
<label className="text-sm font-medium">Font Family</label> <label className="text-sm font-medium">Font Family</label>
<Select value={fontFamily} onValueChange={handleFontFamilyChange}> <Select value={fontFamily} onValueChange={handleFontFamilyChange}>
<SelectTrigger className="mt-2"> <SelectTrigger className="mt-2">
<SelectValue placeholder="Select font" /> <SelectValue placeholder="Select font">
<span style={{ fontFamily: fontFamily }}>
{AVAILABLE_FONTS.find((f) => f.value === fontFamily)?.label || 'Select font'}
</span>
</SelectValue>
</SelectTrigger> </SelectTrigger>
<SelectContent> <SelectContent>
{AVAILABLE_FONTS.map((font) => ( {AVAILABLE_FONTS.map((font) => (
<SelectItem key={font.value} value={font.value}> <SelectItem
{font.label} key={font.value}
value={font.value}
style={{ fontFamily: font.value }}
className="cursor-pointer"
>
<span style={{ fontFamily: font.value }}>{font.label}</span>
</SelectItem> </SelectItem>
))} ))}
</SelectContent> </SelectContent>