feat: 统一应用品牌图标并修复 macOS 打包路径

This commit is contained in:
电摇小子
2026-07-14 11:07:35 +08:00
parent ce4b00bcd9
commit aebf56b3f7
10 changed files with 36 additions and 35 deletions
+2 -1
View File
@@ -2,7 +2,8 @@
<html>
<head>
<meta charset="UTF-8" />
<title>Electron</title>
<title>WechatExplorer</title>
<link rel="icon" type="image/svg+xml" href="/src/assets/brand-icon.svg" />
<!-- https://developer.mozilla.org/en-US/docs/Web/HTTP/CSP -->
<meta
http-equiv="Content-Security-Policy"
+8
View File
@@ -0,0 +1,8 @@
<svg width="256" height="256" viewBox="0 0 256 256" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect width="256" height="256" rx="48" fill="#022C22" />
<rect x="0.5" y="0.5" width="255" height="255" rx="47.5" stroke="#064E3B" />
<rect x="128" y="16.2742" width="158" height="158" rx="15" transform="rotate(45 128 16.2742)" stroke="#14B8A6" stroke-opacity="0.3" stroke-width="2" />
<rect x="65" y="65" width="126" height="126" rx="11" stroke="#14B8A6" stroke-opacity="0.5" stroke-width="2" />
<rect x="104" y="104" width="48" height="48" rx="24" fill="#14B8A6" />
<rect x="192" y="48" width="16" height="16" rx="8" fill="#2DD4BF" />
</svg>

After

Width:  |  Height:  |  Size: 656 B

+7 -18
View File
@@ -59,27 +59,16 @@ body {
display: grid;
place-items: center;
border: 0;
border-radius: var(--wxex-radius-md);
background: var(--wxex-brand);
color: #ffffff;
border-radius: 12px;
background: transparent;
-webkit-app-region: no-drag;
}
.app-brand svg {
width: 34px;
height: 34px;
}
.app-brand path {
fill: none;
stroke: currentColor;
stroke-width: 1.8;
stroke-linecap: round;
stroke-linejoin: round;
}
.app-brand circle {
fill: currentColor;
.app-brand img {
display: block;
width: 42px;
height: 42px;
border-radius: 12px;
}
.primary-navigation {
@@ -2,6 +2,7 @@ import React from 'react'
import { AccountSummary } from '../account/AccountSummary'
import { PrimaryNavigation } from './PrimaryNavigation'
import { AppPage, PRIMARY_NAV_ITEMS } from './navigation'
import brandIcon from '../../assets/brand-icon.svg'
interface SelfInfo {
wxid: string
@@ -22,18 +23,7 @@ interface AppShellProps {
function BrandLogo(): React.ReactElement {
return (
<div className="app-brand" title="WechatExplorer" aria-label="WechatExplorer">
<svg viewBox="0 0 40 40" aria-hidden="true" focusable="false">
<path d="M13 15.5 20 10l7 5.5" />
<path d="M13 24.5 20 30l7-5.5" />
<path d="M13 15.5v9" />
<path d="M27 15.5v9" />
<circle cx="20" cy="10" r="2.6" />
<circle cx="13" cy="15.5" r="2.6" />
<circle cx="27" cy="15.5" r="2.6" />
<circle cx="13" cy="24.5" r="2.6" />
<circle cx="27" cy="24.5" r="2.6" />
<circle cx="20" cy="30" r="2.6" />
</svg>
<img src={brandIcon} alt="" aria-hidden="true" />
</div>
)
}