feat: update project assets and components with new images and improve image handling
This commit is contained in:
@ -1,5 +1,10 @@
|
||||
---
|
||||
import { Image } from "astro:assets";
|
||||
import "../styles/components/Drinks.css"
|
||||
import MonthlyHit from "../assets/images/MonthlyHit.png";
|
||||
import Whiskey1 from "../assets/images/whiskey/Whiskey1.png";
|
||||
import Whiskey2 from "../assets/images/whiskey/Whiskey2.png";
|
||||
import Whiskey3 from "../assets/images/whiskey/Whiskey3.png";
|
||||
|
||||
const { id } = Astro.props;
|
||||
---
|
||||
@ -17,7 +22,7 @@ const { id } = Astro.props;
|
||||
|
||||
<div class="mate-vodka">
|
||||
<div class="circle" title="Mate Vodka">
|
||||
<img src="/images/MonthlyHit.png" alt="Monats Hit" class="circle-image" />
|
||||
<Image src={MonthlyHit} alt="Monats Hit" class="circle-image" />
|
||||
<span class="circle-label"></span>
|
||||
</div>
|
||||
<div>Mate Vodka</div>
|
||||
@ -29,15 +34,15 @@ const { id } = Astro.props;
|
||||
|
||||
<div class="circle-row">
|
||||
<div class="circle whiskey-circle" title="Whiskey 1">
|
||||
<img src="/images/whiskey/Whiskey1.png" alt="Whiskey 1" class="circle-image" />
|
||||
<Image src={Whiskey1} alt="Whiskey 1" class="circle-image" />
|
||||
<span class="circle-label"></span>
|
||||
</div>
|
||||
<div class="circle whiskey-circle" title="Whiskey 2">
|
||||
<img src="/images/whiskey/Whiskey2.png" alt="Whiskey 2" class="circle-image" />
|
||||
<Image src={Whiskey2} alt="Whiskey 2" class="circle-image" />
|
||||
<span class="circle-label"></span>
|
||||
</div>
|
||||
<div class="circle whiskey-circle" title="Whiskey 3">
|
||||
<img src="/images/whiskey/Whiskey3.png" alt="Whiskey 3" class="circle-image" />
|
||||
<Image src={Whiskey3} alt="Whiskey 3" class="circle-image" />
|
||||
<span class="circle-label"></span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user