highperfocused/grimoire
1
0
Fork 0
mirror of https://github.com/purrgrammer/grimoire.git synced 2026-04-09 23:16:50 +02:00
Code Issues Packages Projects Releases Wiki Activity

Merge pull request #22 from purrgrammer/claude/fix-command-overflow-BOH8k

Browse Source 
fix: prevent command text overflow in spell dialogs
This commit is contained in:
Alejandro
2025-12-22 18:10:36 +01:00
committed by GitHub
parent 0d8f8b7807 e904fcbaf1
commit 21e972600c
3 changed files with 3 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/components/CreateSpellDialog.tsx
View File

@@ -601,7 +601,7 @@ export function CreateSpellDialog({
<label className="text-xs font-medium text-muted-foreground uppercase">
Generated Command
</label>
<div className="bg-background border rounded-md p-3 font-mono text-xs break-all text-primary">
<div className="bg-background border rounded-md p-3 font-mono text-xs break-words overflow-x-auto text-primary">
{generatedCommand}
</div>
</div>

2
src/components/nostr/SpellDialog.tsx
View File

@@ -343,7 +343,7 @@ export function SpellDialog({
<label htmlFor="command" className="text-sm font-medium">
Command
</label>
<div className="rounded-md border border-input bg-muted px-3 py-2 text-sm font-mono">
<div className="rounded-md border border-input bg-muted px-3 py-2 text-sm font-mono break-words overflow-x-auto">
{filterSpellCommand(
mode === "edit" && existingSpell
? existingSpell.command

2
src/components/nostr/kinds/SpellRenderer.tsx
View File

@@ -256,7 +256,7 @@ export function SpellDetailRenderer({ event }: BaseEventProps) {
</h3>
<ExecutableCommand
commandLine={spell.command}
className="text-sm font-mono p-4 bg-muted/30 border border-border text-primary hover:underline hover:decoration-dotted cursor-crosshair break-all"
className="text-sm font-mono p-4 bg-muted/30 border border-border text-primary hover:underline hover:decoration-dotted cursor-crosshair break-words overflow-x-auto"
>
{spell.command}
</ExecutableCommand>