替换 Airshelf 品牌 logo
All checks were successful
Build and Deploy / build-and-deploy (push) Successful in 9s

This commit is contained in:
iye 2026-05-27 14:52:15 +08:00
parent 54b57f76d0
commit 134778dde8
6 changed files with 9 additions and 13 deletions

Binary file not shown.

After

Width:  |  Height:  |  Size: 110 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 201 KiB

View File

@ -230,7 +230,8 @@ aside.sidebar {
height: 100vh; height: 100vh;
overflow-y: auto; overflow-y: auto;
} }
.brand { display: flex; align-items: center; gap: 10px; padding: 6px 8px 16px; } .brand { display: flex; align-items: center; padding: 2px 8px 16px; min-height: 44px; }
.brand-logo { display: block; width: 142px; height: auto; margin: -8px 0 -6px -8px; object-fit: contain; }
.brand-mark, .flame { width: 22px; height: 22px; color: var(--heat); } .brand-mark, .flame { width: 22px; height: 22px; color: var(--heat); }
.brand-mark svg, .flame svg { width: 100%; height: 100%; } .brand-mark svg, .flame svg { width: 100%; height: 100%; }
.brand .name { font-weight: 600; font-size: 18px; letter-spacing: -.012em; color: var(--accent-black); } .brand .name { font-weight: 600; font-size: 18px; letter-spacing: -.012em; color: var(--accent-black); }

View File

@ -57,8 +57,7 @@ window.Shell = {
const sidebar = ` const sidebar = `
<aside class="sidebar"> <aside class="sidebar">
<div class="brand"> <div class="brand">
<div class="brand-mark">${ShellIcon('airshelf', { size: 22 })}</div> <img class="brand-logo" src="assets/logo.png" alt="Airshelf">
<div><div class="name">Airshelf</div></div>
</div> </div>
<div class="search-box" onclick="document.getElementById('global-search').focus()"> <div class="search-box" onclick="document.getElementById('global-search').focus()">
${ShellIcon('search')} ${ShellIcon('search')}

View File

@ -24,9 +24,8 @@
/* 左侧品牌区 · 深色 */ /* 左侧品牌区 · 深色 */
.auth-brand { background: var(--accent-black); color: var(--accent-white); padding: 40px 44px; display: flex; flex-direction: column; position: relative; overflow: hidden; } .auth-brand { background: var(--accent-black); color: var(--accent-white); padding: 40px 44px; display: flex; flex-direction: column; position: relative; overflow: hidden; }
.auth-brand .logo { display: flex; align-items: center; gap: 10px; font-size: 18px; font-weight: 700; letter-spacing: -.01em; } .auth-brand .logo { display: flex; align-items: center; height: 56px; }
.auth-brand .logo .ic { width: 28px; height: 28px; background: var(--heat); border-radius: 6px; display: grid; place-items: center; } .auth-brand .logo-img { display: block; width: 196px; height: auto; margin: -14px 0 -10px -14px; object-fit: contain; }
.auth-brand .logo .ic svg { width: 16px; height: 16px; color: var(--accent-white); }
.auth-brand .tag { font-family: var(--font-mono); font-size: 10.5px; color: rgba(255,255,255,.5); letter-spacing: .08em; text-transform: uppercase; margin-top: 4px; } .auth-brand .tag { font-family: var(--font-mono); font-size: 10.5px; color: rgba(255,255,255,.5); letter-spacing: .08em; text-transform: uppercase; margin-top: 4px; }
.auth-brand .hero { margin-top: auto; margin-bottom: auto; } .auth-brand .hero { margin-top: auto; margin-bottom: auto; }
@ -107,8 +106,7 @@
<!-- 左:品牌 --> <!-- 左:品牌 -->
<aside class="auth-brand"> <aside class="auth-brand">
<div class="logo"> <div class="logo">
<span class="ic"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><path d="M4.5 19 12 4.5 19.5 19"/><path d="M8 14h8"/><path d="M7 17h10"/><path d="M9.5 10.3c1.5-1.2 3.5-1.2 5 0"/></svg></span> <img class="logo-img" src="assets/logo-dark.png" alt="Airshelf">
<span>Airshelf</span>
</div> </div>
<div class="tag">// SHORT-VIDEO COMMERCE PLATFORM</div> <div class="tag">// SHORT-VIDEO COMMERCE PLATFORM</div>

View File

@ -24,9 +24,8 @@
/* 左:品牌 + 价值点 */ /* 左:品牌 + 价值点 */
.auth-brand { background: var(--accent-black); color: var(--accent-white); padding: 40px 44px; display: flex; flex-direction: column; position: relative; overflow: hidden; } .auth-brand { background: var(--accent-black); color: var(--accent-white); padding: 40px 44px; display: flex; flex-direction: column; position: relative; overflow: hidden; }
.auth-brand .logo { display: flex; align-items: center; gap: 10px; font-size: 18px; font-weight: 700; letter-spacing: -.01em; } .auth-brand .logo { display: flex; align-items: center; height: 56px; }
.auth-brand .logo .ic { width: 28px; height: 28px; background: var(--heat); border-radius: 6px; display: grid; place-items: center; } .auth-brand .logo-img { display: block; width: 196px; height: auto; margin: -14px 0 -10px -14px; object-fit: contain; }
.auth-brand .logo .ic svg { width: 16px; height: 16px; color: var(--accent-white); }
.auth-brand .tag { font-family: var(--font-mono); font-size: 10.5px; color: rgba(255,255,255,.5); letter-spacing: .08em; text-transform: uppercase; margin-top: 4px; } .auth-brand .tag { font-family: var(--font-mono); font-size: 10.5px; color: rgba(255,255,255,.5); letter-spacing: .08em; text-transform: uppercase; margin-top: 4px; }
.auth-brand .hero { margin-top: 28px; } .auth-brand .hero { margin-top: 28px; }
@ -101,8 +100,7 @@
<aside class="auth-brand"> <aside class="auth-brand">
<div class="logo"> <div class="logo">
<span class="ic"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><path d="M4.5 19 12 4.5 19.5 19"/><path d="M8 14h8"/><path d="M7 17h10"/><path d="M9.5 10.3c1.5-1.2 3.5-1.2 5 0"/></svg></span> <img class="logo-img" src="assets/logo-dark.png" alt="Airshelf">
<span>Airshelf</span>
</div> </div>
<div class="tag">// SHORT-VIDEO COMMERCE PLATFORM</div> <div class="tag">// SHORT-VIDEO COMMERCE PLATFORM</div>