aronmal/leaky-ships
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

Repalce img with Image tags

Browse source
This commit is contained in:
aronmal 2023-01-06 21:30:31 +01:00
parent c7862b8fe7
commit 7c1d39950b
Signed by: aronmal
GPG key ID: 816B7707426FC612
2 changed files with 7 additions and 4 deletions
Download patch file Download diff file Expand all files Collapse all files

8
leaky-ships/components/FogImages.tsx
View file

@ -1,8 +1,10 @@
import Image from "next/image";
function FogImages() { function FogImages() {
return <> return <>
<img className='fog left' src={`/fog/fog2.png`} alt={`fog1.png`} /> <Image className='fog left' src={`/fog/fog2.png`} alt={`fog1.png`} />
<img className='fog right' src={`/fog/fog2.png`} alt={`fog1.png`} /> <Image className='fog right' src={`/fog/fog2.png`} alt={`fog1.png`} />
<img className='fog middle' src={`/fog/fog4.png`} alt={`fog4.png`} /> <Image className='fog middle' src={`/fog/fog4.png`} alt={`fog4.png`} />
</> </>
} }

3
leaky-ships/components/Ships.tsx
View file

@ -1,3 +1,4 @@
import Image from 'next/image';
import { CSSProperties } from 'react' import { CSSProperties } from 'react'
function Ships() { function Ships() {
@ -10,7 +11,7 @@ function Ships() {
return <> return <>
{shipIndexes.map(i => {shipIndexes.map(i =>
<div key={i} className={`ship s${i}`} style={{'--x': i+3} as CSSProperties}> <div key={i} className={`ship s${i}`} style={{'--x': i+3} as CSSProperties}>
<img src={`/svgs/${i}.svg`} alt={`${i}.svg`}/> <Image src={`/svgs/${i}.svg`} alt={`${i}.svg`}/>
</div> </div>
)} )}
</> </>