From a7759c5767b47184535c55228de6d0ccf8f22c34 Mon Sep 17 00:00:00 2001
From: xiezhouwei <xzw@qx002575.com>
Date: Mon, 22 Jun 2026 11:58:07 +0800
Subject: [PATCH] refine: show only avatar circle on homepage hero when logged
 in, remove username text

---
 web/src/pages/Home/index.jsx | 5 ++---
 1 file changed, 2 insertions(+), 3 deletions(-)

diff --git a/web/src/pages/Home/index.jsx b/web/src/pages/Home/index.jsx
index 134a3a0..5a27c29 100644
--- a/web/src/pages/Home/index.jsx
+++ b/web/src/pages/Home/index.jsx
@@ -181,11 +181,10 @@ function HeroSection() {
             {showThemeToggle && <HomeThemeToggle />}
             {showLanguageSelector && <HomeLanguageSelector />}
             {userState.user ? (
-              <Link to="/console" className="inline-flex items-center gap-2 bg-white/10 text-white px-3 py-1.5 text-sm rounded-full hover:bg-white/20 border border-white/20 transition-colors duration-200 ml-2">
-                <span className="w-6 h-6 rounded-full flex items-center justify-center text-xs font-bold text-white flex-shrink-0" style={{ backgroundColor: stringToColor(userState.user.username) }}>
+              <Link to="/console" className="inline-flex items-center justify-center w-8 h-8 rounded-full hover:bg-white/20 border border-white/20 transition-colors duration-200 ml-2" title={userState.user.display_name || userState.user.username}>
+                <span className="w-6 h-6 rounded-full flex items-center justify-center text-xs font-bold text-white" style={{ backgroundColor: stringToColor(userState.user.username) }}>
                   {userState.user.username?.charAt(0).toUpperCase()}
                 </span>
-                <span className="hidden sm:inline max-w-[100px] truncate text-sm font-medium">{userState.user.display_name || userState.user.username}</span>
               </Link>
             ) : (
               <Link to="/login" className="inline-flex items-center bg-white text-black px-4 py-1.5 text-sm font-mono font-medium uppercase tracking-widest rounded hover:bg-transparent hover:text-white border border-white transition-colors duration-200 ml-2">