qcast3/qcast-pub
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

chore: Add image test page and styles for image test

Browse Source
This commit is contained in:
yoosangwook 2024-09-03 09:00:25 +09:00
parent 9c0da4e97e
commit a7bfa2fb71
3 changed files with 18 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
public/static/images/thomas-tastet-hSODeSbvzE0-unsplash.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 4.0 MiB

12
src/app/image-test/page.jsx Normal file
View File

@ -0,0 +1,12 @@
import Image from 'next/image'
export default function ImageTestPage() {
return (
<>
<div>
<Image src="/static/images/thomas-tastet-hSODeSbvzE0-unsplash.jpg" alt="react" width={200} height={200} />
</div>
<div className="image-test">image test</div>
</>
)
}

6
src/styles/style.scss
View File

@ -10,6 +10,12 @@ body {
font-family: 'RoomNo'; font-family: 'RoomNo';
} }
.image-test {
background-image: url('/static/images/thomas-tastet-hSODeSbvzE0-unsplash.jpg');
width: 200px;
height: 200px;
}
@font-face { @font-face {
font-family: 'RoomNo'; font-family: 'RoomNo';
font-weight: 200; font-weight: 200;