Skip to content

Commit 882530d

Browse files
grichaclaude
gricha
and
claude
committed
Update web UI branding to Perry
- Replace Boxes icon with Perry logo in mobile header - Change header text from Command to Perry - Add Boxes import to Sidebar for All Workspaces link 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
1 parent 94c31ab commit 882530d

File tree

5 files changed

+5
-11
lines changed

5 files changed

+5
-11
lines changed

‎web/index.html‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -2,7 +2,7 @@
22
<html lang="en">
33
<head>
44
<meta charset="UTF-8" />
5-
<link rel="icon" type="image/png" href="/favicon.png" />
5+
<link rel="icon" type="image/x-icon" href="/favicon.ico" />
66
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
77
<title>Perry</title>
88
</head>

‎web/public/favicon.png‎

-1.11 KB
Binary file not shown.

‎web/public/vite.svg‎

Lines changed: 0 additions & 1 deletion
This file was deleted.

‎web/src/components/Layout.tsx‎

Lines changed: 2 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,6 @@
11
import { useState } from 'react'
22
import { Outlet, useLocation } from 'react-router-dom'
33
import { Sidebar, SidebarTrigger } from './Sidebar'
4-
import { Boxes } from 'lucide-react'
54

65
export function Layout() {
76
const [sidebarOpen, setSidebarOpen] = useState(false)
@@ -17,10 +16,8 @@ export function Layout() {
1716
<header className="sticky top-0 z-30 flex h-14 items-center gap-3 border-b bg-background px-4 lg:hidden flex-shrink-0">
1817
<SidebarTrigger onClick={() => setSidebarOpen(true)} />
1918
<div className="flex items-center gap-2">
20-
<div className="flex h-7 w-7 items-center justify-center rounded bg-primary/15">
21-
<Boxes className="h-4 w-4 text-primary" />
22-
</div>
23-
<span className="font-semibold text-sm tracking-tight">Command</span>
19+
<img src="/logo.png" alt="Perry Logo" className="h-7 w-7 object-contain" />
20+
<span className="font-semibold text-sm tracking-tight">Perry</span>
2421
</div>
2522
</header>
2623

‎web/src/components/Sidebar.tsx‎

Lines changed: 2 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -3,13 +3,13 @@ import { useQuery } from '@tanstack/react-query'
33
import {
44
Menu,
55
X,
6-
Boxes,
76
KeyRound,
87
FolderSync,
98
Terminal,
109
Settings,
1110
MessageSquare,
1211
Monitor,
12+
Boxes,
1313
} from 'lucide-react'
1414
import { cn } from '@/lib/utils'
1515
import { api, type WorkspaceInfo } from '@/lib/api'
@@ -60,9 +60,7 @@ export function Sidebar({ isOpen, onToggle }: SidebarProps) {
6060
>
6161
<div className="flex h-14 items-center justify-between border-b px-4 flex-shrink-0">
6262
<Link to="/" className="flex items-center gap-2.5">
63-
<div className="flex h-7 w-7 items-center justify-center rounded bg-primary/15">
64-
<Boxes className="h-4 w-4 text-primary" />
65-
</div>
63+
<img src="/logo.png" alt="Perry Logo" className="h-7 w-7 object-contain" />
6664
<span className="font-semibold text-sm tracking-tight">Perry</span>
6765
</Link>
6866
<Button

0 commit comments

Comments
 (0)