feat(launcher): add favicon to web UI

- Add favicon.svg matching the top-left logo style
  (rounded square with #6366f1→#a78bfa gradient and white 'P')
- Link favicon in index.html <head>
This commit is contained in:
wangyanfu2 2026-03-06 10:18:21 +08:00
parent 8581d46eaa
commit b835a6e7ca
2 changed files with 15 additions and 0 deletions

View file

@ -0,0 +1,14 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32">
<defs>
<!-- linear-gradient(135deg, #6366f1, #a78bfa) — matches .logo CSS -->
<linearGradient id="grad" x1="0" y1="0" x2="1" y2="1">
<stop offset="0%" stop-color="#6366f1"/>
<stop offset="100%" stop-color="#a78bfa"/>
</linearGradient>
</defs>
<!-- border-radius: 8px rounded square -->
<rect width="32" height="32" rx="8" fill="url(#grad)"/>
<!-- White bold "P", font-size:16px font-weight:700 centered -->
<text x="16" y="22" font-family="Inter,Arial,sans-serif" font-size="16" font-weight="700"
fill="white" text-anchor="middle">P</text>
</svg>

After

Width:  |  Height:  |  Size: 654 B

View file

@ -14,6 +14,7 @@
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>PicoClaw Config</title> <title>PicoClaw Config</title>
<meta name="description" content="PicoClaw configuration editor"> <meta name="description" content="PicoClaw configuration editor">
<link rel="icon" type="image/svg+xml" href="/favicon.svg">
<link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap" <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap"