site: use condensed header logo on small screens

Signed-off-by: David Karlsson <35727626+dvdksn@users.noreply.github.com>

hugo_stats.json

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

layouts/partials/header.html

@@ -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">