chore: updated /bookmarks
12a289fa
2 file(s) · +30 −2
| 6 | 6 | url: string; |
|
| 7 | 7 | category_id: number; |
|
| 8 | 8 | created_at: number; |
|
| 9 | + | favicon_url?: string | null; |
|
| 9 | 10 | }; |
|
| 10 | 11 | ||
| 11 | 12 | const { link } = Astro.props as { link: Link }; |
|
| 17 | 18 | href={link.url} |
|
| 18 | 19 | target="_blank" |
|
| 19 | 20 | rel="noopener noreferrer" |
|
| 20 | - | class="text-base hover:opacity-70 transition-opacity" |
|
| 21 | - | >{link.title}</a> |
|
| 21 | + | class="inline-flex items-center gap-2 text-base hover:opacity-70 transition-opacity" |
|
| 22 | + | > |
|
| 23 | + | {link.favicon_url ? ( |
|
| 24 | + | <img |
|
| 25 | + | src={link.favicon_url} |
|
| 26 | + | alt="" |
|
| 27 | + | width="16" |
|
| 28 | + | height="16" |
|
| 29 | + | loading="lazy" |
|
| 30 | + | class="w-4 h-4 rounded-sm shrink-0" |
|
| 31 | + | /> |
|
| 32 | + | ) : ( |
|
| 33 | + | <svg |
|
| 34 | + | xmlns="http://www.w3.org/2000/svg" |
|
| 35 | + | width="16" |
|
| 36 | + | height="16" |
|
| 37 | + | viewBox="0 0 256 256" |
|
| 38 | + | class="w-4 h-4 shrink-0" |
|
| 39 | + | aria-hidden="true" |
|
| 40 | + | > |
|
| 41 | + | <path |
|
| 42 | + | fill="currentColor" |
|
| 43 | + | d="M216 40H40a16 16 0 0 0-16 16v144a16 16 0 0 0 16 16h176a16 16 0 0 0 16-16V56a16 16 0 0 0-16-16m0 16v32H40V56Zm0 144H40v-96h176z" |
|
| 44 | + | /> |
|
| 45 | + | </svg> |
|
| 46 | + | )} |
|
| 47 | + | <span>{link.title}</span> |
|
| 48 | + | </a> |
|
| 22 | 49 | <span class="text-xs opacity-50 mt-0.5">{domain}</span> |
|
| 23 | 50 | </article> |
|
| 11 | 11 | url: string; |
|
| 12 | 12 | category_id: number; |
|
| 13 | 13 | created_at: number; |
|
| 14 | + | favicon_url?: string | null; |
|
| 14 | 15 | }; |
|
| 15 | 16 | ||
| 16 | 17 | const meta = { |