mirror of
https://github.com/kogakure/website-astro-stefanimhoff.de.git
synced 2026-02-03 12:05:28 +00:00
32 lines
569 B
Plaintext
32 lines
569 B
Plaintext
---
|
|
import { Image } from '@astrojs/image/components';
|
|
import { Link } from '.';
|
|
|
|
import type { ToolsProps } from '../data/tools';
|
|
|
|
export interface Props {
|
|
tools: ToolsProps[];
|
|
}
|
|
|
|
const { tools } = Astro.props;
|
|
---
|
|
|
|
<ul class="grid grid-cols-toolbox items-center gap-2 rounded-2 bg-black/5 p-5 dark:bg-white/5">
|
|
{
|
|
tools.map(({ name, url, image }) => (
|
|
<li>
|
|
<Link href={url} title={name}>
|
|
<Image
|
|
alt={name}
|
|
aspectRatio="1:1"
|
|
format="avif"
|
|
height={80}
|
|
src={image}
|
|
width={80}
|
|
/>
|
|
</Link>
|
|
</li>
|
|
))
|
|
}
|
|
</ul>
|