diff --git a/src/components/RightSidebar.tsx b/src/components/RightSidebar.tsx index 3eb7cd7a5..e99b8929b 100644 --- a/src/components/RightSidebar.tsx +++ b/src/components/RightSidebar.tsx @@ -52,8 +52,8 @@ const SidebarContainer: React.FC = ({ "bg-separator border-l border-border-light flex flex-col overflow-hidden flex-shrink-0", customWidth ? "" : "transition-[width] duration-200", collapsed && "sticky right-0 z-10 shadow-[-2px_0_4px_rgba(0,0,0,0.2)]", + // Mobile: Show vertical meter when collapsed (20px), full width when expanded "max-md:border-l-0 max-md:border-t max-md:border-border-light", - collapsed && "max-md:w-0 max-md:absolute max-md:bottom-0", !collapsed && "max-md:w-full max-md:relative max-md:max-h-[50vh]" )} style={{ width }}