farmcontrol/farmcontrol-ui
farmcontrol/farmcontrol-ui
2
0
Fork 0
Code Issues 2 Pull Requests Actions Packages Projects Releases Wiki Activity

Enhance Dashboard Layout and CSS Styles

Browse Source 
- Updated the DashboardLayout component to set the height to 100% for improved layout consistency.
- Added padding to the dashboard splitter panels in the CSS to ensure proper spacing and alignment within the dashboard interface.
This commit is contained in:
Tom Butcher 2026-08-21 11:22:41 +01:00
parent 867a9c4e61
commit c9f854379a
2 changed files with 8 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
assets/stylesheets/App.css
View File

@ -1568,6 +1568,10 @@ span.ant-skeleton-input.ant-skeleton-input-sm.text-skeleton {
margin: 0; margin: 0;
} }
.dashboard-splitter.farmcontrol-splitter > .ant-splitter-panel {
padding: 0;
}
.dashboard-splitter.farmcontrol-splitter .dashboard-splitter.farmcontrol-splitter
> .ant-splitter-bar > .ant-splitter-bar
.ant-splitter-bar-dragger::before { .ant-splitter-bar-dragger::before {

5
src/components/Dashboard/Layout.jsx
View File

@ -51,7 +51,10 @@ const DashboardLayout = ({ children }) => {
> >
<DashboardNavigation /> <DashboardNavigation />
<DashboardSidebarSplitter sidebar={sidebar}> <DashboardSidebarSplitter sidebar={sidebar}>
<Layout style={{ padding: '24px' }} className='main-content-layout'> <Layout
style={{ padding: '24px', height: '100%' }}
className='main-content-layout'
>
<Content> <Content>
<Flex vertical style={{ height: '100%' }} gap='20px'> <Flex vertical style={{ height: '100%' }} gap='20px'>
<Flex justify='space-between'> <Flex justify='space-between'>