Andreas/LibreChat
1
0
Fork 0
mirror of https://github.com/danny-avila/LibreChat.git synced 2026-01-20 09:16:13 +01:00
Code Issues Projects Releases Packages Wiki Activity Actions 3

🎨 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' : '')}
/>
)}
</>

2
client/src/mobile.css
View file

@ -153,7 +153,7 @@
right: 0;
top: 0;
bottom: 0;
background-color: rgba(86, 88, 105, 0.75);
background-color: rgba(7, 7, 7, 0.4);
padding-left: 420px;
padding-top: 12px;
opacity: 0;