diff --git a/components/Profile/UserMainCard/UserMainCard.module.css b/components/Profile/UserMainCard/UserMainCard.module.css index f49671a..15064af 100644 --- a/components/Profile/UserMainCard/UserMainCard.module.css +++ b/components/Profile/UserMainCard/UserMainCard.module.css @@ -65,3 +65,12 @@ .item .value { font-weight: 600; } + +.item .image { + position: relative; + display: flex; + flex-flow: row; + height: 1.13em; + aspect-ratio: 1; + margin: auto; +} diff --git a/components/Profile/UserMainCard/UserMainCard.tsx b/components/Profile/UserMainCard/UserMainCard.tsx index 65a7569..c7d8654 100644 --- a/components/Profile/UserMainCard/UserMainCard.tsx +++ b/components/Profile/UserMainCard/UserMainCard.tsx @@ -1,5 +1,6 @@ 'use client'; import Image from 'next/image'; +import { Tooltip } from 'react-tooltip'; import styles from './UserMainCard.module.css'; export default function UserMainCardProfile({ @@ -56,8 +57,26 @@ export default function UserMainCardProfile({