feat: add Scissors icon and improve display name and email layout responsiveness in profile page
This commit is contained in:
@@ -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>
|
||||
|
||||
Reference in New Issue
Block a user