diff --git a/src/components/home/Home.module.scss b/src/components/home/Home.module.scss index 58a7968..d30715a 100644 --- a/src/components/home/Home.module.scss +++ b/src/components/home/Home.module.scss @@ -19,6 +19,14 @@ width: 10rem; height: 10rem; + [class*="CircularProgressbar"] { + width: 100%; + height: 100%; + position: absolute; + left: 0; + top: 0; + } + img { width: 100%; height: 100%; @@ -26,11 +34,12 @@ object-fit: cover; object-position: center; display: block; + transform: scale(0.8); } svg { position: absolute; - bottom: -2rem; + bottom: -1rem; right: calc(50% - 3rem); width: 6rem; height: 6rem; @@ -306,8 +315,8 @@ $block-padding: 0 2rem; } .icon { - width: 4rem; - height: 4rem; + width: 4.5rem; + height: 4.5rem; background-color: var(--grey); display: flex; align-items: center; @@ -316,12 +325,12 @@ $block-padding: 0 2rem; svg { fill: white; - width: 3rem; + width: 2rem; } } .info { - width: calc(100% - 5rem); + width: calc(100% - 5.5rem); label, span { display: block; diff --git a/src/components/home/Home.tsx b/src/components/home/Home.tsx index a47ae82..cab474b 100644 --- a/src/components/home/Home.tsx +++ b/src/components/home/Home.tsx @@ -29,6 +29,17 @@ export const Home: React.FC = () => {
{/* eslint-disable-next-line */} + profile-image