mirror of
https://wget.la/https://github.com/Wxw-Gu/WechatExplorer
synced 2026-08-17 19:47:08 +08:00
feat: 统一应用品牌图标并修复 macOS 打包路径
This commit is contained in:
@@ -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"
|
||||
|
||||
@@ -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 |
@@ -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>
|
||||
)
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user