valknar/kit-ui
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: figlet text input card

Browse Source
This commit is contained in:
Sebastian Krüger
2026-02-25 21:32:05 +01:00
parent 84bc70b442
commit 311d80bd41
1 changed files with 12 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

17
components/figlet/FigletConverter.tsx
View File

@@ -11,6 +11,8 @@ import { addRecentFont } from '@/lib/storage/favorites';
import { decodeFromUrl, updateUrl, getShareableUrl } from '@/lib/utils/urlSharing'; import { decodeFromUrl, updateUrl, getShareableUrl } from '@/lib/utils/urlSharing';
import { toast } from 'sonner'; import { toast } from 'sonner';
import type { FigletFont } from '@/types/figlet'; import type { FigletFont } from '@/types/figlet';
import { Car } from 'lucide-react';
import { Card, CardContent } from '../ui/card';
export function FigletConverter() { export function FigletConverter() {
const [text, setText] = React.useState('Figlet'); const [text, setText] = React.useState('Figlet');
@@ -118,11 +120,16 @@ export function FigletConverter() {
<div className="grid grid-cols-1 lg:grid-cols-3 gap-6 items-stretch lg:max-h-[800px]"> <div className="grid grid-cols-1 lg:grid-cols-3 gap-6 items-stretch lg:max-h-[800px]">
{/* Left Column - Input and Preview */} {/* Left Column - Input and Preview */}
<div className="lg:col-span-2 space-y-6 overflow-y-auto custom-scrollbar"> <div className="lg:col-span-2 space-y-6 overflow-y-auto custom-scrollbar">
<TextInput <Card>
value={text} <CardContent>
onChange={setText} <TextInput
placeholder="Type your text here..." value={text}
/> onChange={setText}
placeholder="Type your text here..."
/>
</CardContent>
</Card>
<FontPreview <FontPreview
text={asciiArt} text={asciiArt}