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",
}}>
<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
src={Me}
layout="fill"
width={500}
height={500}
className="rounded-full w-full h-full object-cover "
alt="Alvalens"
placeholder="blur"
@ -114,16 +115,18 @@ const MyPage = () => {
delay: 0.7,
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
src="/img/me.jpg"
layout="intrinsic"
width={500}
height={500}
className="rounded-full w-full h-full object-cover grayscale hover:grayscale-0"
src={Me}
layout="fill"
objectFit="cover"
placeholder="blur"
className="grayscale hover:grayscale-0"
alt="Alvalens"
/>
</div>
</div>
</motion.div>
</div>
</div>