docker
/
docs
mirror of https://github.com/docker/docs.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

style: gradient header bg 

Signed-off-by: David Karlsson <35727626+dvdksn@users.noreply.github.com>
This commit is contained in:
David Karlsson 2023-12-28 19:37:28 +01:00
parent 9d79dafb73
commit c03109f7eb
2 changed files with 2 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
layouts/partials/header.html
View File

@ -1,4 +1,4 @@
<header class="sticky top-0 z-20 h-16 px-4 bg-blue-light-500 dark:bg-blue-dark-200 text-white">
<header class="sticky top-0 z-20 h-16 px-4 text-white bg-gradient-to-r from-accent-light to-blue-light-500 dark:from-accent-dark dark:to-blue-dark-100">
<div class="mx-auto flex h-full max-w-[1440px] items-center justify-between">
<div class="flex h-full items-center gap-8 md:gap-2">
<button x-data tabindex="4" @click="() => {

5
layouts/partials/top-nav.html
View File

@ -4,10 +4,7 @@
<nav>
<ul class="box-content flex mt-1 gap-4 md:hidden">
{{ range site.Menus.main }}
<li class="border-b-4
{{- if not (eq $firstSection .Name) }}
border-blue-light dark:border-blue-dark-200 hover:border-blue-light-600 dark:hover:border-blue-dark-100
{{- end }}">
<li {{- if eq $firstSection .Name }} class="border-b-4" {{- end }}>
<a class="block py-1 px-2" href="{{ .URL }}">{{ .Name }}</a>
</li>
{{ end }}