mirror of
https://github.com/docker/docs.git
synced 2026-03-28 06:49:00 +07:00
d6627bcbce
The grid col templates weren't working correctly, switched to flexbox to make it easier to understand and work better on smaller screens. Signed-off-by: David Karlsson <35727626+dvdksn@users.noreply.github.com>
29 lines
845 B
HTML
29 lines
845 B
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
|
|
<head>
|
|
{{ partial "head.html" . }}
|
|
</head>
|
|
|
|
<body class="bg-background-light text-base dark:bg-background-dark dark:text-white">
|
|
{{ partial "header.html" . }}
|
|
<main class="flex">
|
|
<div id="sidebar"
|
|
class="sticky top-16 flex h-screen shrink-0 grow flex-row-reverse overflow-y-scroll bg-background-light dark:bg-gray-dark-100 md:fixed md:z-10 md:hidden md:h-screen md:w-screen lg:grow-0">
|
|
{{ block "left" . }}
|
|
{{ end }}
|
|
</div>
|
|
<div class="w-[840px] flex-initial overflow-clip p-6 pt-0 md:w-lvw">
|
|
{{ block "main" . }}
|
|
{{ end }}
|
|
</div>
|
|
<div class="sticky top-16 h-screen w-[300px] shrink grow overflow-y-scroll lg:hidden">
|
|
{{ block "right" . }}
|
|
{{ end }}
|
|
</div>
|
|
</main>
|
|
<footer>{{ partialCached "footer.html" . }}</footer>
|
|
</body>
|
|
|
|
</html>
|