_MarkdownLayout.cshtml

@inherits RazorLayoutSlice<MarkdownLayoutViewModel>
@implements IUsesLayout<Elastic.Documentation.Site._GlobalLayout, GlobalLayoutViewModel>
@functions {
	public GlobalLayoutViewModel LayoutModel => Model;
	protected override async Task ExecuteSectionAsync(string name)
	{
		if (name == GlobalSections.Footer)
		{
			await RenderSectionAsync(GlobalSections.Footer);
		}

		if (name == GlobalSections.Head)
		{
			await RenderSectionAsync(GlobalSections.Head);
		}
	}
}
@(await RenderPartialAsync(_CodexHeader.Create<GlobalLayoutViewModel>(Model)))
<div id="main-container" class="relative">
	@await RenderPartialAsync(_CodexSubHeader.Create<GlobalLayoutViewModel>(Model))
	<div class="min-h-screen
				w-full
				max-w-full
				mx-auto
				md:px-4
	">
		<div class="min-h-screen grid grid-cols-1 md:grid-cols-[var(--max-sidebar-width)_1fr] gap-4">
			<main id="content-container" class="min-w-0 flex flex-col lg:grid lg:grid-cols-[minmax(0,var(--max-text-width))_minmax(0,var(--max-sidebar-width))] justify-center mx-4 gap-4 md:order-2">
				<div class="mb-9 mt-0 min-w-0 order-2 lg:order-1">
					@await RenderPartialAsync(_Breadcrumbs.Create(Model))
					<article id="markdown-content" class="markdown-content min-w-0">
						<input type="checkbox" class="hidden" id="pages-nav-hamburger">
						@await RenderBodyAsync()
					</article>
					@await RenderPartialAsync(_PrevNextNav.Create(Model))
				</div>
				@await RenderPartialAsync(_TableOfContents.Create(Model))
			</main>
			@await RenderPartialAsync(_PagesNav.Create<GlobalLayoutViewModel>(Model))
		</div>
	</div>
</div>
@await RenderPartialAsync(_CodexFooter.Create<GlobalLayoutViewModel>(Model))