ilia/profile
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Make the whole item clickable of details

Browse Source
This commit is contained in:
Ariful Alam 2022-03-20 01:19:17 +06:00
parent c1068821a1
commit 189e0f695e
1 changed files with 9 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
src/components/details/index.jsx
View File

@ -18,7 +18,12 @@ import config from '../../ezprofile.config';
const ListItem = ({ icon, title, value, link, skeleton = false }) => { const ListItem = ({ icon, title, value, link, skeleton = false }) => {
return ( return (
<div className="flex justify-start py-2 px-1 items-center"> <a
href={link}
target="_blank"
rel="noreferrer"
className="flex justify-start py-2 px-1 items-center"
>
<span className="w-2 m-2">{icon}</span> <span className="w-2 m-2">{icon}</span>
<div className="flex-grow font-medium px-2">{title}</div> <div className="flex-grow font-medium px-2">{title}</div>
<div <div
@ -26,18 +31,15 @@ const ListItem = ({ icon, title, value, link, skeleton = false }) => {
skeleton ? 'flex-grow' : '' skeleton ? 'flex-grow' : ''
} text-sm font-normal text-right mr-2 ml-3 ${link ? 'truncate' : ''}`} } text-sm font-normal text-right mr-2 ml-3 ${link ? 'truncate' : ''}`}
> >
<a <div
href={link}
target="_blank"
rel="noreferrer"
style={{ style={{
wordBreak: 'break-word', wordBreak: 'break-word',
}} }}
> >
{value} {value}
</a> </div>
</div> </div>
</div> </a>
); );
}; };