~gitpocket/gitpocket

feat(basin): borderless top bar with muted links

commit
6d60e17db3c64aa06003aa9f89d4f0475de6fadd browse tree
parent
4c215fb168a0d01e6ef51b8ff1832330551204fe
author
james <j@cpl0.zip>
signature
none
date
2026-11-10 20:18 UTC

2 files changed, +8 −6

static/style.css modified

@@ -20,14 +20,17 @@ h4 a{color:var(--fg)}
2020 .error{color:var(--del);border:1px solid var(--del);padding:.4rem .6rem;background:#fff}
2121 .notice{border:1px solid var(--add);padding:.4rem .6rem;background:var(--addbg)}
2222 .inner,nav.site,nav.subtabs,main{max-width:1140px;margin:0 auto;padding-left:1rem;padding-right:1rem}
23-header{border-bottom:1px solid var(--bar);margin-bottom:1rem}
23+header{margin-bottom:1rem}
2424 nav.site{display:flex;gap:1rem;align-items:center;padding-top:.5rem;padding-bottom:.5rem;flex-wrap:wrap}
2525 nav.site .brand{font-size:1.25rem;color:var(--fg);margin-right:.5rem}
26-nav.site a{color:var(--fg)}
26+nav.site{color:var(--muted)}
27+nav.site a{color:var(--muted)}
28+nav.site .brand{color:var(--fg)}
2729 nav.site .spacer{flex:1}
2830 nav.site form{display:inline}
29-nav.site button{background:none;border:0;color:var(--link);cursor:pointer;font:inherit;padding:0;text-decoration:underline}
30-nav.subtabs{display:flex;gap:0;padding-top:.2rem}
31+nav.site button{background:none;border:0;color:var(--muted);cursor:pointer;font:inherit;padding:0}
32+nav.subtabs{display:flex;gap:0;padding-top:.2rem;border-bottom:1px solid var(--bar);max-width:none}
33+nav.subtabs a:first-child{margin-left:max(1rem,calc((100% - 1140px)/2 + 1rem))}
3134 nav.subtabs a,nav.tabs a{color:var(--muted);padding:.3rem .9rem}
3235 nav.subtabs a.active{background:#e9ecef;color:var(--fg)}
3336 nav.subtabs a:hover,nav.tabs a:hover{text-decoration:none;color:var(--fg)}
@@ -64,7 +67,7 @@ main{padding-bottom:3rem}
6467 .repo .tag{margin-left:.3rem}
6568 .columns{display:grid;grid-template-columns:minmax(0,1fr) 18rem;gap:2.5rem;align-items:start}
6669 .columns.user{grid-template-columns:280px minmax(0,1fr);gap:2rem}
67-.userhead{display:flex;align-items:flex-end;gap:1.2rem;border-bottom:1px solid var(--bar);margin:-1rem -1rem 1rem;padding:0 1rem}
70+.userhead{display:flex;align-items:flex-end;gap:1.2rem;border-bottom:1px solid var(--bar);margin:-1rem 0 1rem;padding:0}
6871 .userhead h2{font-size:1.7rem;padding-bottom:.2rem}
6972 nav.tabs.small{background:#e9ecef;align-self:flex-end;margin-bottom:.3rem}
7073 nav.tabs.small a{padding:.1rem .8rem}

templates/layout.html modified

@@ -15,7 +15,6 @@
1515 <header>
1616 <nav class="site">
1717 <a class="brand" href="/">{{.Host}}</a>
18-<a href="/">git</a>
1918 <span class="spacer"></span>
2019 {{if .User}}<span>Logged in as <a href="/~{{.User.Name}}">~{{.User.Name}}</a> — <form method="post" action="/logout"><button>Log out</button></form></span>{{else}}<a href="/login">Log in</a> — <a href="/register">Register</a>{{end}}
2120 </nav>