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}
onChange={handleTextChange}
placeholder="Enter your text..."
className="mt-2 text-center"
className="mt-2 border-2 text-center text-nowrap"
rows={4}
style={{
fontFamily: fontFamily,
fontSize: `${fontSize * 0.45}px`, // Better scaling
fontWeight: isBold ? 'bold' : 'normal',
fontStyle: isItalic ? 'italic' : 'normal',
lineHeight: '1.4',
}}
/>
</div>
{/* Font Fa
{/* Font Family */}
<div>
<label className="text-sm font-medium">Font Family</label>
<Select value={fontFamily} onValueChange={handleFontFamilyChange}>
<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>
<SelectContent>
{AVAILABLE_FONTS.map((font) => (
<SelectItem key={font.value} value={font.value}>
{font.label}
<SelectItem
key={font.value}
value={font.value}
style={{ fontFamily: font.value }}
className="cursor-pointer"
>
<span style={{ fontFamily: font.value }}>{font.label}</span>
</SelectItem>
))}
</SelectContent>