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
src="/vibn-black-circle-logo.png"
src="/vibn-logo-circle-black.png"
alt="VIBN"
style={{ width: "100%", height: "100%", objectFit: "cover" }}
/>

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

@@ -48,7 +48,7 @@ export default function RootLayout({
<head>
<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover" />
<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" />
</head>
<body

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

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