bender/361ef7c8-e440-4345-8c04-cbfafb8c8596
1
0
Fork 0
Code Issues Pull Requests 1 Actions Packages Projects Releases Wiki Activity

Update src/tag/Tag.tsx

Browse Source
This commit is contained in:
bender
2026-02-27 13:13:37 +00:00
parent d5810715f0
commit 02341b19c8
1 changed files with 13 additions and 39 deletions
Download Patch File Download Diff File Expand all files Collapse all files

52
src/tag/Tag.tsx
View File

@@ -45,18 +45,15 @@ export default function Tag({ members = defaultMembers }: TagProps) {
<div
className="relative w-full h-full transition-transform duration-500 transform-gpu"
style={{
transformStyle: "preserve-3d",
transform: flipped[member.id]
transformStyle: "preserve-3d", transform: flipped[member.id]
? "rotateY(180deg)"
: "rotateY(0deg)",
}}
: "rotateY(0deg)"}}
>
{/* Front Side */}
<div
className="absolute w-full h-full bg-white rounded-lg shadow-lg p-6 flex flex-col items-center justify-center"
style={{
backfaceVisibility: "hidden",
}}
backfaceVisibility: "hidden"}}
>
<div className="w-32 h-32 mb-4 rounded-full overflow-hidden bg-gray-200">
<img
@@ -76,9 +73,7 @@ export default function Tag({ members = defaultMembers }: TagProps) {
<div
className="absolute w-full h-full bg-gradient-to-br from-blue-500 to-purple-600 rounded-lg shadow-lg p-6 flex flex-col items-center justify-center"
style={{
backfaceVisibility: "hidden",
transform: "rotateY(180deg)",
}}
backfaceVisibility: "hidden", transform: "rotateY(180deg)"}}
>
<h3 className="text-2xl font-bold text-white mb-6 text-center">
{member.name}
@@ -139,39 +134,18 @@ export default function Tag({ members = defaultMembers }: TagProps) {
const defaultMembers: TeamMember[] = [
{
id: "1",
name: "Sarah Johnson",
role: "Lead Designer",
image:
"https://images.unsplash.com/photo-1494790108377-be9c29b29330?w=400&h=400&fit=crop",
social: {
twitter: "https://twitter.com",
linkedin: "https://linkedin.com",
email: "sarah@example.com",
},
id: "1", name: "Sarah Johnson", role: "Lead Designer", image:
"https://images.unsplash.com/photo-1494790108377-be9c29b29330?w=400&h=400&fit=crop", social: {
twitter: "https://twitter.com", linkedin: "https://linkedin.com", email: "sarah@example.com"},
},
{
id: "2",
name: "Michael Chen",
role: "Full Stack Developer",
image:
"https://images.unsplash.com/photo-1507003211169-0a1dd7228f2d?w=400&h=400&fit=crop",
social: {
github: "https://github.com",
linkedin: "https://linkedin.com",
email: "michael@example.com",
},
id: "2", name: "Michael Chen", role: "Full Stack Developer", image:
"https://images.unsplash.com/photo-1507003211169-0a1dd7228f2d?w=400&h=400&fit=crop", social: {
github: "https://github.com", linkedin: "https://linkedin.com", email: "michael@example.com"},
},
{
id: "3",
name: "Emma Rodriguez",
role: "Product Manager",
image:
"https://images.unsplash.com/photo-1438761681033-6461ffad8d80?w=400&h=400&fit=crop",
social: {
twitter: "https://twitter.com",
linkedin: "https://linkedin.com",
email: "emma@example.com",
},
id: "3", name: "Emma Rodriguez", role: "Product Manager", image:
"https://images.unsplash.com/photo-1438761681033-6461ffad8d80?w=400&h=400&fit=crop", social: {
twitter: "https://twitter.com", linkedin: "https://linkedin.com", email: "emma@example.com"},
},
];