paulmataruso/patchmon.net
1
0
Fork 0
mirror of https://github.com/9technologygroup/patchmon.net.git synced 2025-11-06 15:03:26 +00:00
Code Issues Packages Projects Releases Wiki Activity

Fix mobile menu dark mode styling for Dashboard and navigation items

Browse Source
This commit is contained in:
Muhammad Ibrahim
2025-10-08 09:45:31 +01:00
parent 561c78fb08
commit daa31973f9
1 changed files with 6 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
frontend/src/components/Layout.jsx
View File

@@ -352,8 +352,8 @@ const Layout = ({ children }) => {
to={item.href} to={item.href}
className={`group flex items-center px-2 py-2 text-sm font-medium rounded-md ${ className={`group flex items-center px-2 py-2 text-sm font-medium rounded-md ${
isActive(item.href) isActive(item.href)
? "bg-primary-100 text-primary-900" ? "bg-primary-100 dark:bg-primary-600 text-primary-900 dark:text-white"
: "text-secondary-600 hover:bg-secondary-50 hover:text-secondary-900" : "text-secondary-600 dark:text-secondary-300 hover:bg-secondary-50 dark:hover:bg-secondary-700 hover:text-secondary-900 dark:hover:text-white"
}`} }`}
onClick={() => setSidebarOpen(false)} onClick={() => setSidebarOpen(false)}
> >
@@ -365,7 +365,7 @@ const Layout = ({ children }) => {
// Section with items // Section with items
return ( return (
<div key={item.section}> <div key={item.section}>
<h3 className="text-xs font-semibold text-secondary-500 uppercase tracking-wider mb-2"> <h3 className="text-xs font-semibold text-secondary-500 dark:text-secondary-400 uppercase tracking-wider mb-2">
{item.section} {item.section}
</h3> </h3>
<div className="space-y-1"> <div className="space-y-1">
@@ -379,8 +379,8 @@ const Layout = ({ children }) => {
to={subItem.href} to={subItem.href}
className={`group flex items-center px-2 py-2 text-sm font-medium rounded-md ${ className={`group flex items-center px-2 py-2 text-sm font-medium rounded-md ${
isActive(subItem.href) isActive(subItem.href)
? "bg-primary-100 text-primary-900" ? "bg-primary-100 dark:bg-primary-600 text-primary-900 dark:text-white"
: "text-secondary-600 hover:bg-secondary-50 hover:text-secondary-900" : "text-secondary-600 dark:text-secondary-300 hover:bg-secondary-50 dark:hover:bg-secondary-700 hover:text-secondary-900 dark:hover:text-white"
}`} }`}
onClick={() => setSidebarOpen(false)} onClick={() => setSidebarOpen(false)}
> >
@@ -389,7 +389,7 @@ const Layout = ({ children }) => {
{subItem.name} {subItem.name}
{subItem.name === "Hosts" && {subItem.name === "Hosts" &&
stats?.cards?.totalHosts !== undefined && ( stats?.cards?.totalHosts !== undefined && (
<span className="ml-2 inline-flex items-center justify-center px-1.5 py-0.5 text-xs rounded bg-secondary-100 text-secondary-700"> <span className="ml-2 inline-flex items-center justify-center px-1.5 py-0.5 text-xs rounded bg-secondary-100 dark:bg-secondary-600 text-secondary-700 dark:text-secondary-200">
{stats.cards.totalHosts} {stats.cards.totalHosts}
</span> </span>
)} )}