Oliver/modcomms
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Fix logo proportions: use w-full h-auto instead of fixed height

Browse source 
h-28 w-auto was locking height which can distort aspect ratio in the
narrow sidebar. w-full h-auto scales proportionally from the container
width with object-contain as a safety net.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
Vadym Samoilenko 2026-03-03 15:56:12 +00:00
parent dfb758fa61
commit 2553d1f952
1 changed files with 1 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
frontend/components/Sidebar.tsx
View file

@ -38,7 +38,7 @@ export const Sidebar: React.FC<SidebarProps> = ({ activeItem, onNavigate, userNa
<aside className="w-72 flex-shrink-0 bg-oliver-black text-slate-200 flex flex-col font-sans">
{/* Brand Header */}
<div className="py-6 px-8 border-b border-white/10 flex flex-col items-center text-center">
<img src="/BAR-ModComms-logo-v4.png" alt="Mod Comms AI" className="h-28 w-auto" />
<img src="/BAR-ModComms-logo-v4.png" alt="Mod Comms AI" className="w-full h-auto object-contain" />
</div>
{/* Navigation */}