From a1d061c83582dbc975daaebedd4acc1343cb19a8 Mon Sep 17 00:00:00 2001
From: "Dedy F. Setyawan" <dedyfajars@gmail.com>
Date: Fri, 18 Jul 2025 20:55:44 +0700
Subject: [PATCH] fix(docs): Resolve logo overlap on tablet view (#5853)

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

Signed-off-by: Dedy F. Setyawan <dedyfajars@gmail.com>

* fix(docs): Adjust header logo size

Signed-off-by: Dedy F. Setyawan <dedyfajars@gmail.com>

* refactor(docs): Rework header logo sizing implementation

Signed-off-by: Dedy F. Setyawan <dedyfajars@gmail.com>

---------

Signed-off-by: Dedy F. Setyawan <dedyfajars@gmail.com>
---
 docs/layouts/partials/docs/top-header.html | 12 +++++++++---
 1 file changed, 9 insertions(+), 3 deletions(-)

diff --git a/docs/layouts/partials/docs/top-header.html b/docs/layouts/partials/docs/top-header.html
index 414d0a61e..ba2603bf3 100644
--- a/docs/layouts/partials/docs/top-header.html
+++ b/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>