docker
/
docs
mirror of https://github.com/docker/docs.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

site: use common base layout in search layout 

Signed-off-by: David Karlsson <35727626+dvdksn@users.noreply.github.com>
This commit is contained in:
David Karlsson 2024-09-16 14:53:39 +02:00
parent 4443d3640a
commit a2497ef464
3 changed files with 28 additions and 38 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
content/includes/_index.md
View File

@ -1,7 +1,7 @@
--- ---
cascade: cascade:
- build: - build:
list: local list: never
publishResources: false publishResources: false
render: never render: never
--- ---

1
hugo_stats.json
View File

@ -391,7 +391,6 @@
"mt-1", "mt-1",
"mt-2", "mt-2",
"mt-20", "mt-20",
"mt-auto",
"mx-auto", "mx-auto",
"my-0", "my-0",
"my-2", "my-2",

63
layouts/_default/search.html
View File

@ -1,38 +1,31 @@
<!doctype html> {{ define "left" }}
<html lang="en"> {{ partial "sidebar.html" . }}
{{ end }}
<head> {{ define "main" }}
{{ partial "head.html" . }} <div class="w-lvw overflow-clip p-6 pt-0 lg:w-[1200px]">
</head> <article class="prose max-w-none dark:prose-invert">
<h1 class="py-4">{{ .Title }}</h1>
<body class="flex min-h-screen flex-col bg-background-light text-base dark:bg-background-dark dark:text-white"> {{ .Content }}
{{ partial "header.html" . }} <div class="not-prose">
<main class="flex justify-center"> <div class="flex gap-4">
<div class="w-lvw overflow-clip p-6 pt-0 lg:w-[1200px]"> <input type="search" id="search-page-input"
<article class="prose max-w-none dark:prose-invert"> class="ring-[1.5px] ring-gray-light-200 dark:ring-gray-dark-400 w-full max-w-xl rounded px-4 py-2 outline-none bg-white dark:bg-background-dark focus:ring-blue-light dark:focus:ring-blue-dark"
<h1 class="py-4">{{ .Title }}</h1> placeholder="Search…" tabindex="0" />
{{ .Content }} <button
<div class="not-prose"> class="py-1 px-4 rounded open-kapa-widget flex w-fit gap-2 items-center hover:bg-gray-light-200 dark:hover:bg-gray-dark-200">
<div class="flex gap-4"> <span>Ask&nbsp;AI</span>
<input type="search" id="search-page-input" <img height="24px" width="24px" src="{{ (resources.Get "images/ai-stars.svg").Permalink }}"
class="ring-[1.5px] ring-gray-light-200 dark:ring-gray-dark-400 w-full max-w-xl rounded px-4 py-2 outline-none bg-white dark:bg-background-dark focus:ring-blue-light dark:focus:ring-blue-dark" alt="AI sparkles!" />
placeholder="Search…" tabindex="0" /> </button>
<button
class="py-1 px-4 rounded open-kapa-widget flex w-fit gap-2 items-center hover:bg-gray-light-200 dark:hover:bg-gray-dark-200">
<span>Ask&nbsp;AI</span>
<img height="24px" width="24px" src="{{ (resources.Get "images/ai-stars.svg").Permalink }}"
alt="AI sparkles!" />
</button>
</div>
<hr class="border-divider-light dark:border-divider-dark">
<div id="search-page-results">
<!-- results -->
</div>
</div> </div>
</article> <hr class="border-divider-light dark:border-divider-dark">
</div> <div id="search-page-results">
</main> <!-- results -->
<footer class="mt-auto">{{ partialCached "footer.html" . }}</footer> </div>
</div>
</article>
</div>
<script type="module"> <script type="module">
// Global variable to hold the pagefind module // Global variable to hold the pagefind module
let pagefind; let pagefind;
@ -180,6 +173,4 @@
}); });
} }
</script> </script>
</body> {{ end }}
</html>