Merge pull request #286 from arifszn/285-truncate-long-text

Truncate long text
This commit is contained in:
Ariful Alam
2023-01-19 17:04:29 +06:00
committed by GitHub
2 changed files with 5 additions and 8 deletions

View File

@@ -34,14 +34,11 @@ const ListItem = ({ icon, title, value, link, skeleton = false }) => {
className={`${ className={`${
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' : ''}`}
style={{
wordBreak: 'break-word',
}}
> >
<div {value}
style={{
wordBreak: 'break-word',
}}
>
{value}
</div>
</div> </div>
</a> </a>
); );

View File

@@ -96,7 +96,7 @@ const Project = ({ repo, loading, github, googleAnalytics }) => {
{item.description} {item.description}
</p> </p>
</div> </div>
<div className="flex justify-between text-sm text-base-content text-opacity-60"> <div className="flex justify-between text-sm text-base-content text-opacity-60 truncate">
<div className="flex flex-grow"> <div className="flex flex-grow">
<span className="mr-3 flex items-center"> <span className="mr-3 flex items-center">
<AiOutlineStar className="mr-0.5" /> <AiOutlineStar className="mr-0.5" />