fix(docs): Resolve logo overlap on tablet view (#5853)

* fix(docs): Resolve logo overlap on tablet view

Signed-off-by: Dedy F. Setyawan <[email protected]>

* fix(docs): Adjust header logo size

Signed-off-by: Dedy F. Setyawan <[email protected]>

* refactor(docs): Rework header logo sizing implementation

Signed-off-by: Dedy F. Setyawan <[email protected]>

---------

Signed-off-by: Dedy F. Setyawan <[email protected]>

Author: dedyf5

docs/layouts/partials/docs/top-header.html

@@ -8,10 +8,16 @@
                             {{ .Content | safeHTML }}
                     {{ end }}
                 </div>
-                <div class="big">
+                <div class="big header-logo">
                     {{ with resources.Get "images/logos/logo.svg" }}
-                            {{ .Content | safeHTML }}
+                        {{ .Content | safeHTML }}
                     {{ end }}
+                    <style>
+                        .header-logo svg {
+                            width: 32px;
+                            height: 32px;
+                        }
+                    </style>
                 </div>
             </a>
             <button id="close-sidebar" class="btn btn-icon btn-soft">
@@ -44,7 +50,7 @@
                 {{ end }}
             {{ end -}}
         </div>
-        <div class="d-none d-md-flex d-flex align-items-center m-1">
+        <div class="d-none d-lg-flex d-flex align-items-center m-1">
             <h5>Star us on GitHub !&nbsp;</h5>
             <script async defer src="https://buttons.github.io/buttons.js"></script>
             <a class="github-button" href="https://github.com/mudler/LocalAI" data-color-scheme="no-preference: light; light: light; dark: dark;" data-icon="octicon-star" data-size="large" data-show-count="true" aria-label="Star mudler/LocalAI on GitHub">Star</a>