|
4 | 4 | <div class="w-full max-w-xl">
|
5 | 5 | <div class="text-xs text-white uppercase mb-2">Google</div>
|
6 | 6 | <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" |
8 | 8 | >
|
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> |
14 | 38 | </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 | + /> |
17 | 49 | </div>
|
18 | 50 | </div>
|
19 | 51 | </div>
|
|
0 commit comments