26 lines
666 B
Plaintext
26 lines
666 B
Plaintext
---
|
|
import { Image } from 'astro:assets';
|
|
|
|
const { srcLight, srcDark, alt, style, width, height } = Astro.props;
|
|
---
|
|
|
|
<div class="grid grid-cols-1 grid-rows-1">
|
|
<Image
|
|
src={srcLight}
|
|
alt={alt}
|
|
class:list={['col-start-1 row-start-1 transition-all duration-400 ease-in-out opacity-100 scale-100 dark:opacity-0 dark:scale-65', style]}
|
|
width={width}
|
|
height={height}
|
|
inferSize={true}
|
|
/>
|
|
|
|
<Image
|
|
src={srcDark}
|
|
alt={alt}
|
|
class:list={['col-start-1 row-start-1 transition-all duration-400 ease-in-out opacity-0 scale-65 dark:opacity-100 dark:scale-100', style]}
|
|
width={width}
|
|
height={height}
|
|
inferSize={true}
|
|
/>
|
|
</div>
|