hyro/website
1
0
Fork 0
mirror of https://github.com/xHyroM/website.git synced 2024-09-20 05:13:19 +02:00
Code Issues Projects Releases Wiki Activity Actions

feat(Hero): use Picture

Browse source
This commit is contained in:
xHyroM 2023-01-05 12:29:11 +01:00
parent a77893a030
commit 20869940b7
1 changed files with 8 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

10
src/components/widgets/index/Hero.astro
View file

@ -1,6 +1,6 @@
--- ---
import Socials from "./Socials.astro"; import Socials from "./Socials.astro";
import { Image } from "@astrojs/image/components"; import { Picture } from "@astrojs/image/components";
import logo from "../../../assets/logo.png"; import logo from "../../../assets/logo.png";
import Name from "./Name.astro"; import Name from "./Name.astro";
--- ---
@ -9,7 +9,13 @@ import Name from "./Name.astro";
class="mt-24 flex flex-col items-center justify-center md:mt-64 md:flex-row" class="mt-24 flex flex-col items-center justify-center md:mt-64 md:flex-row"
> >
<div class="justify-cener flex items-center"> <div class="justify-cener flex items-center">
<Image src={logo} width={200} height={200} alt="descriptive text" /> <Picture
src={logo}
formats={["png"]}
sizes="(max-width: 200px) 100vw, 200px"
widths={[200, 400]}
alt="descriptive text"
/>
</div> </div>
<section class="text-center md:ml-6 md:text-left"> <section class="text-center md:ml-6 md:text-left">
<Name /> <Name />