src/app/app.component.scss

:host {
  display: flex;
  flex-direction: column;
  height: 100vh;
}

main {
  flex: 1;
  overflow-y: auto;
  margin-top: 3.5rem;
}
remove angular boiler-plate code and update app component 2025-02-24 18:11:56 -05:00			`:host {`
			`display: flex;`
			`flex-direction: column;`
fix scroll effect b/c header is sticky now 2025-02-26 13:42:30 -05:00			`height: 100vh;`
remove angular boiler-plate code and update app component 2025-02-24 18:11:56 -05:00			`}`

			`main {`
			`flex: 1;`
fix scroll effect b/c header is sticky now 2025-02-26 13:42:30 -05:00			`overflow-y: auto;`
			`margin-top: 3.5rem;`
remove angular boiler-plate code and update app component 2025-02-24 18:11:56 -05:00			`}`