bunny-lab/Borealis-Github-Replica
1
0
Fork 0
mirror of https://github.com/bunny-lab-io/Borealis.git synced 2025-09-11 03:08:42 -06:00
Code Issues Packages Projects Releases Wiki Activity

Fixed Sites Tab Styling

Browse Source
This commit is contained in:
Nicole Rappe
2025-09-07 23:20:02 -06:00
parent 06ef351214
commit 49e60fa634
1 changed files with 21 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

23
Data/Server/WebUI/src/Navigation_Sidebar.jsx
View File

@@ -24,6 +24,7 @@ import { LocationCity as SitesIcon } from "@mui/icons-material";
function NavigationSidebar({ currentPage, onNavigate }) { function NavigationSidebar({ currentPage, onNavigate }) {
const [expandedNav, setExpandedNav] = useState({ const [expandedNav, setExpandedNav] = useState({
sites: true,
devices: true, devices: true,
filters: true, filters: true,
automation: true automation: true
@@ -76,8 +77,26 @@ function NavigationSidebar({ currentPage, onNavigate }) {
}} }}
> >
<Box sx={{ flex: 1, overflowY: "auto" }}> <Box sx={{ flex: 1, overflowY: "auto" }}>
{/* Top-level Sites */} {/* Sites */}
<NavItem icon={<SitesIcon fontSize="small" />} label="Sites" pageKey="sites" /> <Accordion
expanded={expandedNav.sites}
onChange={(_, e) => setExpandedNav((s) => ({ ...s, sites: e }))}
square
disableGutters
sx={{ "&:before": { display: "none" }, margin: 0, border: 0 }}
>
<AccordionSummary
expandIcon={<ExpandMoreIcon />}
sx={{ backgroundColor: "#2c2c2c", minHeight: "36px", "& .MuiAccordionSummary-content": { margin: 0 } }}
>
<Typography sx={{ fontSize: "0.9rem", color: "#58a6ff" }}>
<b>Sites</b>
</Typography>
</AccordionSummary>
<AccordionDetails sx={{ p: 0, bgcolor: "#232323" }}>
<NavItem icon={<SitesIcon fontSize="small" />} label="All Sites" pageKey="sites" />
</AccordionDetails>
</Accordion>
{/* Devices */} {/* Devices */}
<Accordion <Accordion
expanded={expandedNav.devices} expanded={expandedNav.devices}