amb/ameiba_cn_new
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

导航栏替换正式品牌标识

Browse Source
This commit is contained in:
Rei
2026-09-09 12:57:04 +08:00
parent 62fff755b3
commit ddb919a3a2
3 changed files with 5 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files
public/images/logo.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 64 KiB

src/components/Layout/Navbar.tsx
+1 -1
View File
@@ -10,7 +10,7 @@ export default function Navbar() {
<header className="site-header"> <header className="site-header">
<div className="container nav-inner"> <div className="container nav-inner">
<Link to="/" className="brand" onClick={() => setOpen(false)}> <Link to="/" className="brand" onClick={() => setOpen(false)}>
<span className="brand-mark">阿</span> <img className="brand-mark" src="/images/logo.png" alt="阿美巴咨询" />
<span className="brand-text"> <span className="brand-text">
<strong>阿美巴咨询</strong> <strong>阿美巴咨询</strong>
<small>企业进化陪跑</small> <small>企业进化陪跑</small>
src/components/Layout/layout.css
+4 -6
View File
@@ -14,12 +14,10 @@
} }
.brand { display: flex; align-items: center; gap: 10px; color: var(--primary); } .brand { display: flex; align-items: center; gap: 10px; color: var(--primary); }
.brand-mark { .brand-mark {
width: 36px; height: 36px; width: 44px;
background: var(--primary); height: 44px;
color: #fff; object-fit: contain;
border-radius: 8px; flex: 0 0 auto;
display: grid; place-items: center;
font-weight: 900;
} }
.brand-text strong { display: block; font-size: 15px; line-height: 1; } .brand-text strong { display: block; font-size: 15px; line-height: 1; }
.brand-text small { font-size: 11px; color: var(--text-muted); letter-spacing: 0.06em; } .brand-text small { font-size: 11px; color: var(--text-muted); letter-spacing: 0.06em; }