pascallinxweiler/Metify
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

[dyad] Fixed content overflow issues - wrote 2 file(s)

Browse Source
This commit is contained in:
[dyad]
2026-01-20 14:54:35 +01:00
parent d5141cad7e
commit 8d5e4f7c4d
2 changed files with 5 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/components/pretty-schema-display.tsx
View File

@@ -119,7 +119,7 @@ const SchemaObjectRenderer = ({
{Icon && <Icon className="h-4 w-4" />} {Icon && <Icon className="h-4 w-4" />}
<span>{label}:</span> <span>{label}:</span>
</div> </div>
<div className="flex-grow text-sm text-foreground pl-6 sm:pl-0"> <div className="flex-grow text-sm text-foreground pl-6 sm:pl-0 min-w-0">
{key === "@type" ? ( {key === "@type" ? (
<Badge variant="outline">{value as string}</Badge> <Badge variant="outline">{value as string}</Badge>
) : ( ) : (

8
src/components/serp-preview.tsx
View File

@@ -37,14 +37,14 @@ export function SerpPreview({
return ( return (
<div className="p-4 border rounded-lg bg-muted/50 w-full font-sans"> <div className="p-4 border rounded-lg bg-muted/50 w-full font-sans">
<div className="flex items-center gap-2"> <div className="flex items-center gap-2">
<div className="w-7 h-7 bg-background rounded-full flex items-center justify-center border"> <div className="w-7 h-7 bg-background rounded-full flex items-center justify-center border flex-shrink-0">
<Globe className="w-4 h-4 text-muted-foreground" /> <Globe className="w-4 h-4 text-muted-foreground" />
</div> </div>
<div> <div className="min-w-0">
<p className="text-sm text-foreground font-medium -mb-0.5"> <p className="text-sm text-foreground font-medium -mb-0.5 truncate">
{displayUrl.split("/")[0]} {displayUrl.split("/")[0]}
</p> </p>
<p className="text-xs text-muted-foreground">{displayUrl}</p> <p className="text-xs text-muted-foreground break-all">{displayUrl}</p>
</div> </div>
</div> </div>
<h3 className="text-xl text-blue-600 dark:text-blue-400 mt-2 truncate font-medium"> <h3 className="text-xl text-blue-600 dark:text-blue-400 mt-2 truncate font-medium">