feat(FriendLink): add high variant
This commit is contained in:
parent
83d634817a
commit
eec691aac0
1 changed files with 16 additions and 0 deletions
16
src/components/FriendLinkHigh.astro
Normal file
16
src/components/FriendLinkHigh.astro
Normal file
|
@ -0,0 +1,16 @@
|
||||||
|
---
|
||||||
|
import { Image, Picture } from "astro:assets";
|
||||||
|
|
||||||
|
const { name, image, target } = Astro.props;
|
||||||
|
---
|
||||||
|
<a href={`${target}`} target="_blank"><Picture src={image} width={88} height={31} alt={`${name}`} class="flex" quality="high" decoding="async" loading="lazy" formats={['webp']} /></a>
|
||||||
|
<style>
|
||||||
|
img {
|
||||||
|
image-rendering: pixelated;
|
||||||
|
min-width: 88px;
|
||||||
|
width: 176px;
|
||||||
|
min-height: 31px;
|
||||||
|
height: 62px;
|
||||||
|
padding: 4px;
|
||||||
|
}
|
||||||
|
</style>
|
Loading…
Add table
Add a link
Reference in a new issue