v.korobtsev/vkorobtsev-nextJs
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

[feat] changed image size

Browse source
This commit is contained in:
Alvalen 2023-09-03 14:51:08 +07:00
parent 3b91699865
commit c6aab9074d
1 changed files with 22 additions and 19 deletions
Download patch file Download diff file Expand all files Collapse all files

19
app/(root)/page.js
View file

@ -45,10 +45,11 @@ const MyPage = () => {
type: "spring", type: "spring",
}}> }}>
<div className="block md:hidden col-span-1 mx-auto my-10"> <div className="block md:hidden col-span-1 mx-auto my-10">
<div className="bg-slate-500 rounded-full h-full"> <div className="bg-slate-500 rounded-full h-60 w-60">
<Image <Image
src={Me} src={Me}
layout="fill" width={500}
height={500}
className="rounded-full w-full h-full object-cover " className="rounded-full w-full h-full object-cover "
alt="Alvalens" alt="Alvalens"
placeholder="blur" placeholder="blur"
@ -114,16 +115,18 @@ const MyPage = () => {
delay: 0.7, delay: 0.7,
type: "spring", type: "spring",
}}> }}>
<div className=" rounded-full h-auto w-auto aspect-square md:px-12"> <div className=" rounded-full h-auto w-auto md:px-12">
<div className="h-[300px] w-auto">
<Image <Image
src="/img/me.jpg" src={Me}
layout="intrinsic" layout="fill"
width={500} objectFit="cover"
height={500} placeholder="blur"
className="rounded-full w-full h-full object-cover grayscale hover:grayscale-0" className="grayscale hover:grayscale-0"
alt="Alvalens" alt="Alvalens"
/> />
</div> </div>
</div>
</motion.div> </motion.div>
</div> </div>
</div> </div>