Re-Quest/frontend
5
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

proffiel card update

Browse Source
This commit is contained in:
pradeepkumar
2026-03-17 11:56:09 +05:30
parent aac05dd12d
commit 1fb4608ec1
2 changed files with 8 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
src/components/profile/ProfileCard.tsx
View File

@@ -271,8 +271,14 @@ export function ProfileCard({
<p className="text-[14px] font-bold text-[#00293D] font-fractul leading-[17px] mb-2 text-center lg:text-left">
Expertise:
</p>
{/* Separate long text entries from short tag entries */}
{expertise.filter(tag => tag.length > 60).length > 0 && (
<p className="text-[14px] font-normal text-[#00293D] font-serif leading-[20px] mb-2 text-center lg:text-left break-words">
{expertise.filter(tag => tag.length > 60).join(' ')}
</p>
)}
<div className="flex flex-wrap gap-2 justify-center lg:justify-start">
{expertise.map((tag, idx) => (
{expertise.filter(tag => tag.length <= 60).map((tag, idx) => (
<Tag key={idx}>{tag}</Tag>
))}
</div>

2
src/components/profile/Tag.tsx
View File

@@ -8,7 +8,7 @@ interface TagProps {
export function Tag({ children, variant = 'default' }: TagProps) {
return (
<span
className={`inline-flex items-center justify-center px-3 h-[28px] rounded-[15px] text-[14px] font-medium font-serif ${
className={`inline-flex items-center justify-center px-3 h-[28px] max-w-full rounded-[15px] text-[14px] font-medium font-serif truncate ${
variant === 'light'
? 'border-[0.7px] border-[#00293d] text-[#00293d] bg-transparent'
: variant === 'orange'