feat: add client-side onerror fallback to default avatar

2026-07-09 09:10:15 +07:00
parent 48bdf21de2
commit badc453389
3 changed files with 3 additions and 3 deletions
@@ -15,7 +15,7 @@
        <!-- Avatar preview and upload -->
        <div class="flex items-center gap-4 mb-6">
            <div class="w-16 h-16 rounded-full overflow-hidden border border-gray-200">
-                <img src="{{ Auth::user()->avatar ?? asset('images/avatar.png') }}" alt="Avatar" class="w-full h-full object-cover" id="avatar-preview">
+                <img src="{{ Auth::user()->avatar ?? asset('images/avatar.png') }}" alt="Avatar" class="w-full h-full object-cover" id="avatar-preview" onerror="this.onerror=null; this.src='{{ asset('images/avatar.png') }}';">
            </div>
            <div class="flex-1">
                <label class="block text-[13px] font-bold text-gray-700 mb-1" for="avatar">Thay đổi ảnh đại diện</label>