gsadmin/AutopilotMonitor
1
0
Fork 0
mirror of https://github.com/okieselbach/AutopilotMonitor.git synced 2026-10-24 12:42:38 +00:00
Code Issues Packages Projects Releases Wiki Activity

feat(web): new green brand icon + gray wordmark in portal navbar

Browse Source 
Replace the favicon (app/icon.svg) with the new green glyph and swap the
portal navbar logo from the blue gradient box to the bare green icon with
the wordmark in sidebar gray (text-gray-600 / dark:text-gray-400). Both
portal navbar variants updated; the public landing navbar keeps the old
gradient branding.

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
This commit is contained in:
Oliver Kieselbach
2026-07-06 20:24:14 +02:00
parent 9ecf5db274
commit 0f12ca6531
2 changed files with 10 additions and 27 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/Web/autopilot-monitor-web/app/icon.svg
+2 -7
View File
@@ -1,8 +1,3 @@
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
<rect width="32" height="32" rx="8" fill="#4a5de8"/>
<rect x="7.3" y="16.3" width="3.7" height="10.4" rx="1.1" fill="white"/>
<rect x="14.7" y="14.5" width="3.7" height="12.1" rx="1.1" fill="white"/>
<rect x="22.1" y="11.5" width="3.7" height="15.2" rx="1.1" fill="white"/>
<path d="M5.8 11.9L11.8 9.1L16.4 9.9L21 7.3L25.7 6.5" stroke="white" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M24.3 5.6L26.0 6.5L24.4 7.9" stroke="white" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/>
<svg width="209" height="191" viewBox="0 0 209 191" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M0 180.201L208.401 190.502L188.157 76.2438L5.48363e-06 0L0 180.201Z" fill="#33B161"/>
</svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 631 B

After

Width:  |  Height:  |  Size: 202 B

src/Web/autopilot-monitor-web/components/Navbar.tsx
+8 -20
View File
@@ -159,16 +159,10 @@ export default function Navbar() {
<div className="flex justify-between h-14">
<div className="flex items-center">
<Link href="/progress" className="flex items-center space-x-2.5">
<div className="w-8 h-8 bg-gradient-to-br from-blue-600 to-indigo-600 rounded-lg flex items-center justify-center">
<svg className="w-5 h-5 text-white" viewBox="0 0 24 24" fill="none">
<rect x="5.0" y="12.2" width="2.8" height="7.8" rx="0.9" fill="currentColor" />
<rect x="10.6" y="10.9" width="2.8" height="9.1" rx="0.9" fill="currentColor" />
<rect x="16.2" y="8.6" width="2.8" height="11.4" rx="0.9" fill="currentColor" />
<path d="M4.4 8.9L8.6 6.8L12.0 7.4L15.4 5.5L18.8 4.9" stroke="currentColor" strokeWidth="1" strokeLinecap="round" strokeLinejoin="round" />
<path d="M17.8 4.2L19.1 4.9L17.9 5.9" stroke="currentColor" strokeWidth="1" strokeLinecap="round" strokeLinejoin="round" />
</svg>
</div>
<span className="text-lg font-bold bg-gradient-to-r from-blue-600 to-indigo-600 bg-clip-text text-transparent">
<svg className="w-7 h-7" viewBox="0 0 209 191" fill="none">
<path d="M0 180.201L208.401 190.502L188.157 76.2438L5.48363e-06 0L0 180.201Z" fill="#33B161" />
</svg>
<span className="text-lg font-bold text-gray-600 dark:text-gray-400">
<span className="hidden md:inline">AutopilotMonitor</span>
<span className="md:hidden">AP Monitor</span>
</span>
@@ -221,16 +215,10 @@ export default function Navbar() {
{/* Logo and Title */}
<div className="flex items-center">
<Link href="/" className="flex items-center space-x-2.5">
<div className="w-8 h-8 bg-gradient-to-br from-blue-600 to-indigo-600 rounded-lg flex items-center justify-center">
<svg className="w-5 h-5 text-white" viewBox="0 0 24 24" fill="none">
<rect x="5.0" y="12.2" width="2.8" height="7.8" rx="0.9" fill="currentColor" />
<rect x="10.6" y="10.9" width="2.8" height="9.1" rx="0.9" fill="currentColor" />
<rect x="16.2" y="8.6" width="2.8" height="11.4" rx="0.9" fill="currentColor" />
<path d="M4.4 8.9L8.6 6.8L12.0 7.4L15.4 5.5L18.8 4.9" stroke="currentColor" strokeWidth="1" strokeLinecap="round" strokeLinejoin="round" />
<path d="M17.8 4.2L19.1 4.9L17.9 5.9" stroke="currentColor" strokeWidth="1" strokeLinecap="round" strokeLinejoin="round" />
</svg>
</div>
<span className="text-lg font-bold bg-gradient-to-r from-blue-600 to-indigo-600 bg-clip-text text-transparent">
<svg className="w-7 h-7" viewBox="0 0 209 191" fill="none">
<path d="M0 180.201L208.401 190.502L188.157 76.2438L5.48363e-06 0L0 180.201Z" fill="#33B161" />
</svg>
<span className="text-lg font-bold text-gray-600 dark:text-gray-400">
<span className="hidden lg:inline">AutopilotMonitor</span>
<span className="hidden md:inline lg:hidden">AP Monitor</span>
<span className="md:hidden">AP Mon</span>