noham/gitprofile
1
0
Fork 0
mirror of https://github.com/NohamR/gitprofile.git synced 2026-05-25 20:00:25 +00:00
Code Issues 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
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}
</div>
</div>
</a> </a>
</div>
</div>
); );
}; };