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

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

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