client/src/Components/Layouts/HomeLayout/index.css

.home-layout {
	position: relative;
	min-height: 100vh;
	margin: 0 auto;
	padding: 0;
}

/* TODO go for this approach for responsiveness. The aside needs to be taken care of */
/* @media (max-width: 1000px) {
	.home-layout {
		flex-direction: column !important;
	}
} */

/* .home-layout aside {
	position: sticky;
	top: 0;
	left: 0;
	height: 100vh;
	max-width: var(--env-var-side-bar-width);
} */

.home-layout > div {
	min-height: calc(100vh - var(--env-var-spacing-2) * 2);
	flex: 1;
}

.home-content-wrapper {
	padding: var(--env-var-spacing-2);
	max-width: 1400px;
	margin: 0 auto;
	flex: 1;
}
Updated layout (#450 ) 2024-07-26 12:39:18 -04:00			`.home-layout {`
Format all files with prettier config for baseline 2024-10-17 12:05:06 +08:00			`position: relative;`
			`min-height: 100vh;`
			`margin: 0 auto;`
modify sidebar and main layout styles to fix the positions 2025-03-21 22:43:31 -04:00			`padding: 0;`
Routing using useNavigate 2024-06-07 13:20:07 +03:30			`}`

feat: wrapping Chart Gauge adaptations 2024-11-16 22:48:46 -05:00			`/* TODO go for this approach for responsiveness. The aside needs to be taken care of */`
			`/* @media (max-width: 1000px) {`
			`.home-layout {`
			`flex-direction: column !important;`
			`}`
			`} */`

start refactor 2025-07-31 12:47:36 -07:00			`/* .home-layout aside {`
Format all files with prettier config for baseline 2024-10-17 12:05:06 +08:00			`position: sticky;`
remove top offest for sidebar 2025-03-25 13:30:28 -04:00			`top: 0;`
Format all files with prettier config for baseline 2024-10-17 12:05:06 +08:00			`left: 0;`
modify sidebar and main layout styles to fix the positions 2025-03-21 22:43:31 -04:00			`height: 100vh;`
Format all files with prettier config for baseline 2024-10-17 12:05:06 +08:00			`max-width: var(--env-var-side-bar-width);`
start refactor 2025-07-31 12:47:36 -07:00			`} */`
Updated layout (#450 ) 2024-07-26 12:39:18 -04:00
redesign app layout: replaced css grid with flexbox 2024-08-13 17:22:21 -04:00			`.home-layout > div {`
Format all files with prettier config for baseline 2024-10-17 12:05:06 +08:00			`min-height: calc(100vh - var(--env-var-spacing-2) * 2);`
			`flex: 1;`
Routing using useNavigate 2024-06-07 13:20:07 +03:30			`}`
modify sidebar and main layout styles to fix the positions 2025-03-21 22:43:31 -04:00
wrap outlet in stack and update the layout styles 2025-03-21 23:39:51 -04:00			`.home-content-wrapper {`
modify sidebar and main layout styles to fix the positions 2025-03-21 22:43:31 -04:00			`padding: var(--env-var-spacing-2);`
			`max-width: 1400px;`
			`margin: 0 auto;`
			`flex: 1;`
format all files 2025-05-27 09:10:32 -07:00			`}`