feat(team): add read more hint with arrow to team member cards
This commit is contained in:
@@ -147,9 +147,16 @@ export const TeamBlock: React.FC<Props> = ({ members: originalMembers, title, su
|
|||||||
<h3 className="font-heading text-lg sm:text-xl font-bold text-foreground mb-1 line-clamp-1 break-words">
|
<h3 className="font-heading text-lg sm:text-xl font-bold text-foreground mb-1 line-clamp-1 break-words">
|
||||||
{member.name}
|
{member.name}
|
||||||
</h3>
|
</h3>
|
||||||
<p className="text-accent font-medium text-xs sm:text-sm tracking-wide line-clamp-2 leading-snug break-words">
|
<p className="text-accent font-medium text-xs sm:text-sm tracking-wide line-clamp-2 leading-snug break-words mb-4">
|
||||||
{member.role}
|
{member.role}
|
||||||
</p>
|
</p>
|
||||||
|
|
||||||
|
<div className="mt-auto flex items-center text-xs font-bold text-foreground/40 group-hover:text-accent transition-colors uppercase tracking-wider">
|
||||||
|
<span>{isDe ? 'Mehr lesen' : 'Czytaj więcej'}</span>
|
||||||
|
<svg className="w-4 h-4 ml-1.5 transform group-hover:translate-x-1 transition-transform" fill="none" viewBox="0 0 24 24" stroke="currentColor">
|
||||||
|
<path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2.5} d="M14 5l7 7m0 0l-7 7m7-7H3" />
|
||||||
|
</svg>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</button>
|
</button>
|
||||||
)
|
)
|
||||||
|
|||||||
Reference in New Issue
Block a user