mirror of
https://github.com/qingchencloud/clawpanel.git
synced 2026-06-05 07:40:16 +08:00
refactor: 重新设计 Logo - 简洁现代的三爪设计
设计改进: - 更简洁的三爪抽象设计(左/右/下三个方向) - 去除复杂的网格装饰,更加简约现代 - 渐变色调整为更柔和的紫蓝色 - 侧边栏 Logo 从文字 CP 改为 SVG 图标 - 图标尺寸和样式优化,视觉效果更统一 技术细节: - 全套 PNG 图标重新生成(16-1024px) - 更新 icns (1.0M) 和 ico 文件 - 侧边栏 SVG 图标使用 currentColor 适配主题
This commit is contained in:
@@ -58,7 +58,16 @@ export function renderSidebar(el) {
|
||||
|
||||
let html = `
|
||||
<div class="sidebar-header">
|
||||
<div class="sidebar-logo">CP</div>
|
||||
<div class="sidebar-logo">
|
||||
<svg viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg">
|
||||
<g fill="currentColor">
|
||||
<circle cx="256" cy="280" r="55"/>
|
||||
<ellipse cx="140" cy="200" rx="32" ry="70" transform="rotate(-30 140 200)"/>
|
||||
<ellipse cx="372" cy="200" rx="32" ry="70" transform="rotate(30 372 200)"/>
|
||||
<ellipse cx="256" cy="380" rx="32" ry="70"/>
|
||||
</g>
|
||||
</svg>
|
||||
</div>
|
||||
<span class="sidebar-title">ClawPanel</span>
|
||||
</div>
|
||||
<nav class="sidebar-nav">
|
||||
|
||||
@@ -32,6 +32,13 @@
|
||||
font-size: var(--font-size-sm);
|
||||
color: var(--text-inverse);
|
||||
flex-shrink: 0;
|
||||
padding: 4px;
|
||||
}
|
||||
|
||||
.sidebar-logo svg {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
fill: white;
|
||||
}
|
||||
|
||||
.sidebar-title {
|
||||
|
||||
Reference in New Issue
Block a user