mark/vibn-frontend
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update chat UI to use Vibn logo

Browse Source
This commit is contained in:
mawkone
2026-06-15 15:19:06 -07:00
parent 1855f3fcf8
commit 65fa9d94ee
4 changed files with 12 additions and 19 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
vibn-frontend/_onboarding/onboarding-primitives.tsx
View File

@@ -71,7 +71,7 @@ export function WizardTop({
}} }}
> >
<img <img
src="/vibn-black-circle-logo.png" src="/vibn-logo-circle-black.png"
alt="VIBN" alt="VIBN"
style={{ width: "100%", height: "100%", objectFit: "cover" }} style={{ width: "100%", height: "100%", objectFit: "cover" }}
/> />

2
vibn-frontend/app/layout.tsx
View File

@@ -48,7 +48,7 @@ export default function RootLayout({
<head> <head>
<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover" /> <meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover" />
<meta name="theme-color" content="#1a1510" /> <meta name="theme-color" content="#1a1510" />
<link rel="apple-touch-icon" href="/vibn-logo-circle.png" /> <link rel="apple-touch-icon" href="/vibn-logo-circle-black.png" />
<link rel="manifest" href="/manifest.json" /> <link rel="manifest" href="/manifest.json" />
</head> </head>
<body <body

4
vibn-frontend/components/layout/vibn-sidebar.tsx
View File

@@ -160,7 +160,7 @@ export function VIBNSidebar({ workspace, tabs, activeTab }: VIBNSidebarProps) {
}} }}
> >
<img <img
src="/vibn-black-circle-logo.png" src="/vibn-logo-circle-black.png"
alt="VIBN" alt="VIBN"
style={{ width: "100%", height: "100%", objectFit: "cover" }} style={{ width: "100%", height: "100%", objectFit: "cover" }}
/> />
@@ -233,7 +233,7 @@ export function VIBNSidebar({ workspace, tabs, activeTab }: VIBNSidebarProps) {
}} }}
> >
<img <img
src="/vibn-black-circle-logo.png" src="/vibn-logo-circle-black.png"
alt="VIBN" alt="VIBN"
style={{ width: "100%", height: "100%", objectFit: "cover" }} style={{ width: "100%", height: "100%", objectFit: "cover" }}
/> />

23
vibn-frontend/components/vibn-chat/chat-panel.tsx
View File

@@ -521,27 +521,20 @@ const MessageBubble = React.memo(function MessageBubble({
width: 24, width: 24,
height: 24, height: 24,
borderRadius: "50%", borderRadius: "50%",
background: "#f4f4f5", // Zinc-100 instead of black
display: "flex", display: "flex",
alignItems: "center", alignItems: "center",
justifyContent: "center", justifyContent: "center",
marginRight: 8, marginRight: 8,
flexShrink: 0, flexShrink: 0,
marginTop: 2, marginTop: 2,
border: "1px solid #e4e4e7", overflow: "hidden"
}} }}
> >
<span <img
style={{ src="/vibn-logo-circle-black.png"
color: "#18181b", // Dark gray instead of white alt="Vibn AI"
fontSize: "0.6rem", style={{ width: "100%", height: "100%", objectFit: "cover" }}
fontWeight: 700, />
fontFamily: "var(--font-lora),serif",
fontStyle: "italic",
}}
>
V.
</span>
</div> </div>
)} )}
<div <div
@@ -2433,7 +2426,7 @@ export function ChatPanel({
style={{ flexShrink: 0, display: "flex" }} style={{ flexShrink: 0, display: "flex" }}
> >
<img <img
src="/vibn-black-circle-logo.png" src="/vibn-logo-circle-black.png"
alt="VIBN" alt="VIBN"
width={26} width={26}
height={26} height={26}
@@ -2742,7 +2735,7 @@ export function ChatPanel({
style={{ flexShrink: 0, display: "flex" }} style={{ flexShrink: 0, display: "flex" }}
> >
<img <img
src="/vibn-black-circle-logo.png" src="/vibn-logo-circle-black.png"
alt="VIBN" alt="VIBN"
width={26} width={26}
height={26} height={26}