@wendongfly/zihi 1.1.2 → 1.1.3

package/dist/files.html

@@ -57,8 +57,11 @@
       text-decoration: none; display: flex; align-items: center; gap: 0.3rem;
     }
     .back-btn:active { border-color: var(--accent); color: var(--accent); }
-    .logo { font-size: 1.35rem; font-weight: 700; letter-spacing: -0.5px; }
-    .logo span { color: var(--accent); }
+    .logo { display: inline-flex; align-items: center; gap: 0.08em; font-size: 1.35rem; font-weight: 800; letter-spacing: -0.5px; user-select: none; }
+    .logo .bolt { display: inline-block; width: 0.85em; height: 1em; position: relative; top: 0.02em; filter: drop-shadow(0 0 4px rgba(249,115,22,0.5)); }
+    .logo .zi { color: var(--text); }
+    .logo .hi { color: var(--accent); }
+    .logo .sub { color: var(--muted); font-weight: 600; margin-left: 0.15em; }
     .header-right { display: flex; align-items: center; gap: 0.6rem; }
     .hdr-btn {
       background: none; border: 1px solid var(--border); color: var(--muted);
@@ -253,7 +256,7 @@
   <div id="header">
     <div class="header-left">
       <a id="back-link" href="/" class="back-btn">&larr;</a>
-      <div class="logo">we<span>Hi</span> Files</div>
+      <div class="logo"><svg class="bolt" viewBox="0 0 32 32" fill="none"><defs><linearGradient id="zg" x1="0" y1="0" x2="0.3" y2="1"><stop offset="0%" stop-color="#ffba08"/><stop offset="100%" stop-color="#f97316"/></linearGradient></defs><polygon points="3,2 29,2 29,7 19,7 22,13 17,15 21,25 29,25 29,30 3,30 3,25 14,25 11,19 16,17 12,7 3,7" fill="url(#zg)"/></svg><span class="zi">i</span><span class="hi">Hi</span><span class="sub">Files</span></div>
     </div>
     <div class="header-right">
       <span id="user-name" style="font-size:0.8rem;color:var(--muted)"></span>

package/dist/icon.svg

@@ -1,4 +1,33 @@
 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 192 192" width="192" height="192">
-  <rect width="192" height="192" rx="32" fill="#0d1117"/>
-  <text x="96" y="128" text-anchor="middle" font-family="Arial, sans-serif" font-weight="bold" font-size="96" fill="#f97316">Zi</text>
+  <defs>
+    <linearGradient id="bg" x1="0%" y1="0%" x2="100%" y2="100%">
+      <stop offset="0%" style="stop-color:#0d1117"/>
+      <stop offset="100%" style="stop-color:#161b22"/>
+    </linearGradient>
+    <linearGradient id="glow" x1="0%" y1="0%" x2="100%" y2="100%">
+      <stop offset="0%" style="stop-color:#f97316"/>
+      <stop offset="50%" style="stop-color:#fb923c"/>
+      <stop offset="100%" style="stop-color:#f59e0b"/>
+    </linearGradient>
+  </defs>
+  <!-- Background -->
+  <rect width="192" height="192" rx="40" fill="url(#bg)"/>
+  <!-- Glow circle behind -->
+  <circle cx="96" cy="92" r="52" fill="#f9731610"/>
+  <!-- Fun Z shape - like a lightning/dance zigzag -->
+  <path d="M 58 52 L 128 52 L 72 108 L 134 108" fill="none" stroke="url(#glow)" stroke-width="14" stroke-linecap="round" stroke-linejoin="round"/>
+  <!-- Sparkle dots - party vibe -->
+  <circle cx="142" cy="44" r="5" fill="#f97316" opacity="0.9"/>
+  <circle cx="152" cy="62" r="3" fill="#fb923c" opacity="0.7"/>
+  <circle cx="46" cy="118" r="3" fill="#fb923c" opacity="0.7"/>
+  <circle cx="38" cy="100" r="4" fill="#f97316" opacity="0.6"/>
+  <!-- Winking face on the Z -->
+  <circle cx="104" cy="76" r="3.5" fill="#fbbf24"/>
+  <path d="M 86 74 Q 89 70 92 74" fill="none" stroke="#fbbf24" stroke-width="2.5" stroke-linecap="round"/>
+  <!-- Cheeky smile -->
+  <path d="M 85 84 Q 96 94 107 84" fill="none" stroke="#fbbf24" stroke-width="2.5" stroke-linecap="round"/>
+  <!-- "Hi" text - small, playful -->
+  <text x="118" y="148" font-family="Arial,sans-serif" font-weight="800" font-size="32" fill="#f97316" opacity="0.85" letter-spacing="-1">Hi</text>
+  <!-- Small wave hand -->
+  <text x="62" y="152" font-size="26" opacity="0.8">&#x1F44B;</text>
 </svg>

package/dist/index.html

@@ -58,11 +58,24 @@
       border-bottom: 1px solid var(--border);
     }
     .logo {
+      display: inline-flex;
+      align-items: center;
+      gap: 0.08em;
       font-size: 1.35rem;
-      font-weight: 700;
+      font-weight: 800;
       letter-spacing: -0.5px;
+      user-select: none;
     }
-    .logo span { color: var(--accent); }
+    .logo .bolt {
+      display: inline-block;
+      width: 0.9em;
+      height: 0.9em;
+      position: relative;
+      top: 0.02em;
+      filter: drop-shadow(0 0 4px rgba(249,115,22,0.5));
+    }
+    .logo .zi { color: var(--text); }
+    .logo .hi { color: var(--accent); }
     #conn-dot {
       width: 8px; height: 8px;
       border-radius: 50%;
@@ -415,11 +428,11 @@
 <body>
 <div id="app">
   <div id="header">
-    <div class="logo">we<span>Hi</span></div>
+    <div class="logo"><svg class="bolt" viewBox="0 0 32 32" fill="none"><defs><linearGradient id="zg" x1="0" y1="0" x2="0.3" y2="1"><stop offset="0%" stop-color="#ffba08"/><stop offset="100%" stop-color="#f97316"/></linearGradient></defs><polygon points="3,2 29,2 29,7 19,7 22,13 17,15 21,25 29,25 29,30 3,30 3,25 14,25 11,19 16,17 12,7 3,7" fill="url(#zg)"/></svg><span class="zi">i</span><span class="hi">Hi</span></div>
     <div style="display:flex;align-items:center;gap:0.6rem">
       <span id="user-name" style="font-size:0.8rem;color:var(--muted)"></span>
       <button id="usage-btn" onclick="showUsage()" style="background:none;border:1px solid var(--border);color:var(--muted);font-size:0.75rem;padding:0.3rem 0.6rem;border-radius:6px;cursor:pointer;width:auto">用量</button>
-      <button id="logout-btn" onclick="doLogout()" style="display:none;background:none;border:1px solid var(--border);color:var(--muted);font-size:0.75rem;padding:0.3rem 0.6rem;border-radius:6px;cursor:pointer;width:auto">退出</button>
+      <button id="logout-btn" onclick="doLogout()" style="background:none;border:1px solid var(--border);color:var(--muted);font-size:0.75rem;padding:0.3rem 0.6rem;border-radius:6px;cursor:pointer;width:auto">退出</button>
       <div id="conn-dot"></div>
     </div>
   </div>
@@ -525,10 +538,7 @@
   // 加载当前用户信息（独占模式显示用户名、退出按钮、锁定目录）
   let _userDir = null;
   fetch('/api/me').then(r => r.json()).then(data => {
-    if ((data.exclusive || data.hasUsers) && data.name) {
-      document.getElementById('user-name').textContent = data.name;
-      document.getElementById('logout-btn').style.display = '';
-    }
+    if (data.name) document.getElementById('user-name').textContent = data.name;
     if (data.dir) {
       _userDir = data.dir;
       // 默认填入绑定目录，隐藏盘符栏，保留最近目录