diff options
| -rw-r--r-- | static/style.css | 32 | ||||
| -rw-r--r-- | templates/repo_index.tmpl | 22 |
2 files changed, 53 insertions, 1 deletions
diff --git a/static/style.css b/static/style.css index a53dc17..8bfe351 100644 --- a/static/style.css +++ b/static/style.css @@ -345,7 +345,7 @@ a.btn, a.btn-white, a.btn-danger, a.btn-normal, a.btn-primary { /* Header layout */ header#main-header { - background-color: var(--lighter-box-background-color); + /* background-color: var(--lighter-box-background-color); */ display: flex; flex-direction: row; align-items: center; @@ -354,6 +354,10 @@ header#main-header { padding: 0.625rem 1rem; gap: 0.5rem; } +#main-header a, #main-header a:link, main-header a:visited { + text-decoration: none; + color: inherit; +} #main-header-forge-title { white-space: nowrap; } @@ -485,3 +489,29 @@ td > ul { max-width: 100%; width: fit-content; } + +.nav-tabs-standalone { + border: none; + list-style: none; + margin: 0; + flex-grow: 1; + display: inline-flex; + flex-wrap: nowrap; + padding: 0; + border-bottom: 0.25rem var(--lighter-box-background-color) solid; +} + +.nav-tabs-standalone li { + align-self: flex-end; + padding: 0 1rem; +} + +.nav-item.active { + font-weigt: bold; + background-color: var(--lighter-box-background-color); +} + +.nav-item a, .nav-item a:link, .nav-item a:visited { + text-decoration: none; + color: inherit; +} diff --git a/templates/repo_index.tmpl b/templates/repo_index.tmpl index cf42786..6ccde83 100644 --- a/templates/repo_index.tmpl +++ b/templates/repo_index.tmpl @@ -12,6 +12,28 @@ <body class="repo-index"> {{- template "header" . -}} <div class="padding-wrapper"> + <ul class="nav-tabs-standalone"> + <li class="nav-item"> + <a class="nav-link" href="./">Summary</a> + </li> + <li class="nav-item"> + <a class="nav-link " href="tree/">Tree</a> + </li> + <li class="nav-item"> + <a class="nav-link " href="log/">Log</a> + </li> + <li class="nav-item"> + <a class="nav-link " href="branches/">Branches</a> + </li> + <li class="nav-item"> + <a class="nav-link " href="tags/">Tags</a> + </li> + <li class="nav-item"> + <a class="nav-link " href="settings/">Settings</a> + </li> + </ul> + </div> + <div class="padding-wrapper"> <div class="key-val-grid-wrapper"> <section id="repo-info" class="key-val-grid"> <div class="title-row">Repo info</div> |