替换 Airshelf 品牌 logo
All checks were successful
Build and Deploy / build-and-deploy (push) Successful in 9s
All checks were successful
Build and Deploy / build-and-deploy (push) Successful in 9s
This commit is contained in:
parent
54b57f76d0
commit
134778dde8
BIN
电商AI平台/assets/logo-dark.png
Normal file
BIN
电商AI平台/assets/logo-dark.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 110 KiB |
BIN
电商AI平台/assets/logo.png
Normal file
BIN
电商AI平台/assets/logo.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 201 KiB |
@ -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); }
|
||||||
|
|||||||
@ -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')}
|
||||||
|
|||||||
@ -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>
|
||||||
|
|
||||||
|
|||||||
@ -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>
|
||||||
|
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user