diff --git a/docs/src/_templates/header.html b/docs/src/_templates/header.html index bb60adbf..a440782a 100644 --- a/docs/src/_templates/header.html +++ b/docs/src/_templates/header.html @@ -31,7 +31,7 @@ background-clip: padding-box, border-box, border-box; background-origin: border-box; border: calc(0.08 * 1rem) solid transparent; - color: #030303; + color: #fff; background-image: linear-gradient(#121213, #121213), linear-gradient(#121213 50%, rgba(18,18,19,0.6) 80%, rgba(18,18,19,0)), @@ -55,42 +55,66 @@ } .dark .github-star-btn { + color: #030303; background-image: linear-gradient(#fff, #fff), linear-gradient(#fff 50%, rgba(255,255,255,0.6) 80%, rgba(0,0,0,0)), linear-gradient(90deg, hsl(var(--color-1)), hsl(var(--color-5)), hsl(var(--color-3)), hsl(var(--color-4)), hsl(var(--color-2))); } + +nav a { + white-space: nowrap; +} + +.twin-btn-container { + display: flex; + gap: 1rem; + align-items: center; + flex-direction: row-reverse; + width: 100%; +} + +@media (min-width: 768px) { + .twin-btn-container { + flex-direction: row; + justify-content: flex-end; + } +} + + @media (max-width: 640px) { .github-star-btn { font-size: 12px; padding: 0.4rem 0.8rem; } - .github-star-btn .star-icon, - .github-star-btn .star-count { - display: none; - } } + + + + + {%- if logo_url %} - Logo + Logo {%- endif -%} {%- if theme_logo_dark and not logo_url %} - + {%- endif -%} {%- if theme_logo_light and not logo_url %} - Logo + Logo {%- endif -%} {% endblock header_logo %} {%- block header_right %} -
+
{%- if docsearch or hasdoc('search') %} -
- -
+ - -
+
{%- include "searchbox.html" %}
+ + +
{%- endif %} {%- block extra_header_link_icons %} -