site: use condensed header logo on small screens

Signed-off-by: David Karlsson <35727626+dvdksn@users.noreply.github.com>
This commit is contained in:
David Karlsson 2024-10-28 16:04:40 +01:00
parent a0bb017467
commit 93f816efbb
3 changed files with 9 additions and 1 deletions

File diff suppressed because one or more lines are too long

After

Width:  |  Height:  |  Size: 6.4 KiB

View File

@ -471,6 +471,7 @@
"self-start",
"shadow",
"shadow-lg",
"sm:block",
"sm:flex",
"sm:flex-row",
"sm:hidden",

View File

@ -10,9 +10,12 @@
<div>
{{/* main logo */}}
<a title="Docker Docs home page" href="{{ site.BaseURL }}">
<div>
<div class="hidden sm:block">
{{- (resources.Get "images/docker-docs-white.svg").Content | safe.HTML -}}
</div>
<div class="block sm:hidden">
{{- (resources.Get "images/docker-docs-white-condensed.svg").Content | safe.HTML -}}
</div>
</a>
</div>
<nav class="mt-1 hidden md:block">