feat: add Scissors icon and improve display name and email layout responsiveness in profile page

This commit is contained in:
2026-04-28 16:27:17 +01:00
parent e34e286077
commit 2212f17206

View File

@@ -10,7 +10,7 @@ import { Badge } from '../components/ui/badge'
import { Button } from '../components/ui/button'
import { currency } from '../lib/format'
import { useApp } from '../context/AppContext'
import { Calendar, ShoppingBag, User, Clock, Heart, Star, MapPin, CheckCircle2, Bell } from 'lucide-react'
import { Calendar, ShoppingBag, User, Clock, Heart, Star, MapPin, CheckCircle2, Bell, Scissors } from 'lucide-react'
import { supabase } from '../lib/supabase'
import { ReviewModal } from '../components/ReviewModal'
@@ -159,11 +159,11 @@ export default function Profile() {
<div className="w-1.5 h-1.5 rounded-full bg-indigo-400 animate-ping" />
<span>Membro Verificado</span>
</div>
<div className="space-y-1">
<h1 className="text-3xl sm:text-5xl md:text-6xl font-black text-white tracking-tighter uppercase italic leading-[0.85]">
<div className="space-y-1 overflow-hidden">
<h1 className="text-xl sm:text-5xl md:text-6xl font-black text-white tracking-tighter uppercase italic leading-[0.9] break-all sm:break-normal">
{displayName}
</h1>
<p className="text-slate-400 font-bold italic tracking-wide text-sm sm:text-base">{authEmail}</p>
<p className="text-slate-400 font-bold italic tracking-wide text-xs sm:text-base truncate">{authEmail}</p>
</div>
</div>
</div>