diff --git a/frontend/src/components/Layout/Sidebar.tsx b/frontend/src/components/Layout/Sidebar.tsx index f8f4fc5..5ff6241 100644 --- a/frontend/src/components/Layout/Sidebar.tsx +++ b/frontend/src/components/Layout/Sidebar.tsx @@ -21,6 +21,7 @@ import { } from '@ant-design/icons'; import FlowfishLogo from '../FlowfishLogo'; import type { MenuProps } from 'antd'; +import { APP_VERSION } from '../../version'; const { Sider } = Layout; @@ -218,6 +219,8 @@ const Sidebar: React.FC = ({ collapsed }) => { left: 0, top: 0, bottom: 0, + display: 'flex', + flexDirection: 'column', }} > {/* Logo */} @@ -257,9 +260,24 @@ const Sidebar: React.FC = ({ collapsed }) => { items={menuItems} style={{ borderRight: 0, + flex: 1, }} /> - + +
+ {collapsed ? `v${APP_VERSION}` : `Flowfish v${APP_VERSION}`} +
+ {/* Fix for text wrapping issue on smaller screens */}