Skip to content

Commit f21eebe

Browse files
update meta tags
1 parent f381c16 commit f21eebe

File tree

1 file changed

+40
-8
lines changed

1 file changed

+40
-8
lines changed

src/app/components/preview/preview.component.html

+40-8
Original file line numberDiff line numberDiff line change
@@ -4,16 +4,48 @@
44
<div class="w-full max-w-xl">
55
<div class="text-xs text-white uppercase mb-2">Google</div>
66
<div
7-
class="w-full p-4 border border-zinc-800 rounded overflow-hidden bg-zinc-900"
7+
class="w-full p-4 border border-zinc-800 rounded overflow-hidden bg-zinc-900 flex gap-4"
88
>
9-
<div class="text-base text-[#99c3ff]">
10-
{{ content?.title || "Page title" }}
11-
</div>
12-
<div class="text-xs text-zinc-400">
13-
{{ content?.canonical || "https://pageurl.com" }}
9+
<div class="w-full">
10+
<div class="flex gap-2 items-center mb-2">
11+
<div
12+
class="w-7 min-w-7 h-7 rounded-full bg-zinc-800 border border-zinc-800 overflow-hidden"
13+
>
14+
<img
15+
*ngIf="content.favicon"
16+
[src]="content.favicon"
17+
width="100%"
18+
alt="Favicon"
19+
class="w-7 min-w-7 h-7"
20+
/>
21+
</div>
22+
<div class="text-xs text-zinc-400 flex flex-col gap-1">
23+
<span class="leading-3 text-xs">{{
24+
content?.name || content?.name
25+
}}</span>
26+
<span class="leading-3 text-xs">{{
27+
content?.canonical || "https://pageurl.com"
28+
}}</span>
29+
</div>
30+
</div>
31+
32+
<div class="text-base text-[#99c3ff]">
33+
{{ content?.title || "Page title" }}
34+
</div>
35+
<div class="text-xs text-zinc-300 mt-2">
36+
{{ content?.description || "Page description" }}
37+
</div>
1438
</div>
15-
<div class="text-xs text-zinc-300 mt-2">
16-
{{ content?.description || "Page description" }}
39+
<div
40+
class="w-36 min-w-36 h-24 rounded bg-zinc-800 border border-zinc-800 overflow-hidden"
41+
>
42+
<img
43+
*ngIf="content?.image"
44+
[src]="content?.image"
45+
width="100%"
46+
alt="Favicon"
47+
class="w-36 min-w-36 h-24 object-cover object-center"
48+
/>
1749
</div>
1850
</div>
1951
</div>

0 commit comments

Comments
 (0)