Atul/PatientProTokenRepository
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

improved sidebar icons in dark mode

Browse Source
This commit is contained in:
ATUL GUNJAL 2025-04-24 16:42:36 +05:30
parent 00b943b1a5
commit 00b51f3b48
1 changed files with 3 additions and 21 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

24
src/app/components/Sidebar.jsx
View File

@ -71,25 +71,7 @@ const Sidebar = ({ sidebarOpen, setSidebarOpen, isCollapsed }) => {
> >
<div className="h-full flex flex-col border-r border-gray-200 p-4 overflow-y-auto scrollbar-hide"> <div className="h-full flex flex-col border-r border-gray-200 p-4 overflow-y-auto scrollbar-hide">
{/* Logo Section */} {/* Logo Section */}
<div className={`flex items-center gap-2 mb-6 ${isCollapsed ? 'justify-center' : ''}`}>
{isCollapsed ? (
<LogoImage
darkSrc="/images/logo/logo-icon-white.svg"
lightSrc="/images/logo/logo-icon.svg"
darkMode={darkMode}
className="w-8"
alt="Collapsed Logo"
/>
) : (
<LogoImage
darkSrc="/images/logo/logo-white.svg"
lightSrc="/images/logo/logo.svg"
darkMode={darkMode}
className="h-8"
alt="Full Logo"
/>
)}
</div>
{/* MENU section - Only show when not collapsed */} {/* MENU section - Only show when not collapsed */}
{!isCollapsed && ( {!isCollapsed && (
@ -115,11 +97,11 @@ const Sidebar = ({ sidebarOpen, setSidebarOpen, isCollapsed }) => {
onClick={closeSidebarOnMobile} onClick={closeSidebarOnMobile}
> >
<img <img
src={darkMode ? "/images/icons/grid-white.svg" : "/images/icons/grid.svg"} src={darkMode ? "/images/icons/grid.svg" : "/images/icons/grid.svg"}
alt="Dashboard" alt="Dashboard"
className={`w-5 ${darkMode ? 'filter brightness-0 invert' : ''}`} className={`w-5 ${darkMode ? 'filter brightness-0 invert' : ''}`}
onError={(e) => { onError={(e) => {
e.target.src = darkMode ? "/images/icons/grid.svg" : "/images/icons/grid-white.svg"; e.target.src = darkMode ? "/images/icons/grid.svg" : "/images/icons/grid.svg";
e.target.className = 'w-5'; // Remove filter if fallback e.target.className = 'w-5'; // Remove filter if fallback
}} }}
/> />