Andreas/LibreChat
1
0
Fork 0
mirror of https://github.com/danny-avila/LibreChat.git synced 2026-02-10 19:44:23 +01:00
Code Issues Projects Releases Packages Wiki Activity Actions 1

🎨 fix: Layering for Right-hand Side Panel (#11392)

Browse source 
* Updated the background color in mobile.css for improved visibility.
* Refactored class names in SidePanelGroup.tsx to utilize a utility function for better consistency and maintainability.
This commit is contained in:
Danny Avila 2026-01-18 11:59:26 -05:00 • committed by GitHub
parent 922cdafe81
commit 5037617131
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
2 changed files with 4 additions and 4 deletions
Download patch file Download diff file Expand all files Collapse all files

6
client/src/components/SidePanel/SidePanelGroup.tsx
View file

@ -6,7 +6,7 @@ import { ResizablePanel, ResizablePanelGroup, useMediaQuery } from '@librechat/c
import type { ImperativePanelHandle } from 'react-resizable-panels';
import { useGetStartupConfig } from '~/data-provider';
import ArtifactsPanel from './ArtifactsPanel';
import { normalizeLayout } from '~/utils';
import { normalizeLayout, cn } from '~/utils';
import SidePanel from './SidePanel';
import store from '~/store';
@ -149,9 +149,9 @@ const SidePanelGroup = memo(
)}
{!hideSidePanel && interfaceConfig.sidePanel === true && (
<button
aria-label="Close right side panel"
className={`nav-mask ${!isCollapsed ? 'active' : ''}`}
onClick={handleClosePanel}
aria-label="Close right side panel"
className={cn('sidenav-mask', !isCollapsed ? 'active' : '')}
/>
)}
</>