From cc49152f1b5f04524ef6eb96e15756f5b10ea94e Mon Sep 17 00:00:00 2001
From: dsh <dsh@lmve.net>
Date: Fri, 28 Aug 2026 20:26:00 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20=E6=9B=B4=E6=8D=A2=E5=A4=B4=E5=83=8F?=
 =?UTF-8?q?=E5=90=8E=20header=20=E5=A4=B4=E5=83=8F=E6=A0=B7=E5=BC=8F?=
 =?UTF-8?q?=E5=BC=82=E5=B8=B8=E2=80=94=E2=80=94=E5=8F=AA=E6=9B=BF=E6=8D=A2?=
 =?UTF-8?q?=E5=A4=B4=E5=83=8F=E5=AE=B9=E5=99=A8=E5=86=85=E5=AE=B9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

旧逻辑在头像上传成功后把整个 avatarBtn 按钮的 innerHTML 换成单个
<img>：头像圆形容器（w-8 h-8 rounded-full）、用户名 span 全部丢失，
头像失去圆形裁剪与边框、布局错乱，直到刷新后服务端重新渲染才恢复。

- base.html：头像是像圆形容器加 id="headerAvatarWrap"（服务器渲染结构
  不变，仅加标记）
- profile.html：上传成功后仅更新容器内容（img/svg → 新头像），
  保留按钮结构与用户名文本
---
 templates/layouts/base.html  | 2 +-
 templates/pages/profile.html | 9 +++++----
 2 files changed, 6 insertions(+), 5 deletions(-)

diff --git a/templates/layouts/base.html b/templates/layouts/base.html
index df46d27..89c430d 100644
--- a/templates/layouts/base.html
+++ b/templates/layouts/base.html
@@ -58,7 +58,7 @@
                     <!-- Avatar Dropdown (click to toggle) -->
                     <div class="relative" id="avatarDropdown">
                         <button type="button" id="avatarBtn" class="flex items-center gap-2 hover:opacity-80 transition-opacity cursor-pointer" onclick="toggleDropdown()">
-                            <div class="w-8 h-8 rounded-full overflow-hidden border-2 border-gray-300 hover:border-blue-500 transition-colors flex items-center justify-center bg-gray-200 text-gray-600 font-bold text-sm">
+                            <div id="headerAvatarWrap" class="w-8 h-8 rounded-full overflow-hidden border-2 border-gray-300 hover:border-blue-500 transition-colors flex items-center justify-center bg-gray-200 text-gray-600 font-bold text-sm">
                                 {{if .Avatar}}
                                     <img src="/uploads/avatars/{{.Avatar}}" alt="avatar" class="w-full h-full object-cover">
                                 {{else}}
diff --git a/templates/pages/profile.html b/templates/pages/profile.html
index 661481f..562cac8 100644
--- a/templates/pages/profile.html
+++ b/templates/pages/profile.html
@@ -212,10 +212,11 @@
                     previewContainer.innerHTML =
                         '<img src="' + avatarUrl + '" alt="avatar" class="w-full h-full object-cover">';
 
-                    // Update nav bar avatar
-                    var navAvatarBtn = document.getElementById('avatarBtn');
-                    if (navAvatarBtn) {
-                        navAvatarBtn.innerHTML =
+                    // Update nav bar avatar：只替换头像圆形容器内的内容，
+                    // 保留按钮结构与用户名文本，避免样式被破坏。
+                    var navAvatarWrap = document.getElementById('headerAvatarWrap');
+                    if (navAvatarWrap) {
+                        navAvatarWrap.innerHTML =
                             '<img src="' + avatarUrl + '" alt="avatar" class="w-full h-full object-cover">';
                     }