~gitpocket/gitpocket

1

feat(basin): larger avatar and bordered repo cards

commit
c0c040bdf21727465b64f1f6260ac12f75c23f9b browse tree
parent
d0319382a79650abf1fed1de0bf0ae1fcdcfab43
author
james <j@cpl0.zip>
signature
none
date
2026-09-22 20:24 UTC

3 files changed, +10 −9

static/style.css modified

@@ -57,22 +57,23 @@ main{padding-bottom:3rem}
5757 .btn.primary{background:var(--primary);color:#fff;border-color:var(--primary)}
5858 .btn.primary:hover{background:#003bb0}
5959 .btn.danger{background:#fff;color:var(--del);border-color:var(--del)}
60-.repos{display:flex;flex-direction:column;gap:.6rem}
61-.repo{border:1px solid var(--line);padding:.4rem .6rem;background:#fff}
62-.repo>a{font-size:1.05rem}
60+.repos{display:flex;flex-direction:column;gap:.75rem}
61+.repo{border:1px solid var(--line);background:#fff}
62+.repo>a{display:block;font-size:1.1rem;padding:.35rem .7rem .3rem;border-bottom:1px solid var(--line)}
63+.repo>div{padding:.3rem .7rem}
64+.repo>div+div{padding-top:0}
65+.repo .tag{margin-left:.3rem}
6366 .columns{display:grid;grid-template-columns:minmax(0,1fr) 18rem;gap:2.5rem;align-items:start}
64-.columns.user{grid-template-columns:220px minmax(0,1fr);gap:2rem}
67+.columns.user{grid-template-columns:280px minmax(0,1fr);gap:2rem}
6568 .userhead{display:flex;align-items:flex-end;gap:1.2rem;border-bottom:1px solid var(--bar);margin:-1rem -1rem 1rem;padding:0 1rem}
6669 .userhead h2{font-size:1.7rem;padding-bottom:.2rem}
6770 nav.tabs.small{background:#e9ecef;align-self:flex-end;margin-bottom:.3rem}
6871 nav.tabs.small a{padding:.1rem .8rem}
6972 nav.tabs.small a.active{background:#ddd}
70-.profile .avatar{display:block;width:220px;height:220px;margin-bottom:.6rem}
73+.profile .avatar{display:block;width:280px;height:280px;margin-bottom:.7rem}
7174 .profile p{margin:.2rem 0}
7275 .profile .name{font-weight:600;font-size:1.05rem}
7376 .profile .btn.block{display:block;text-align:center;margin-top:.5rem}
74-.repo.soft{background:var(--soft);border-color:var(--line)}
75-.repo.soft>a{display:block;border-bottom:1px solid var(--line);padding-bottom:.2rem;margin-bottom:.2rem}
7677 .info{background:#d1ecf1;color:#0c5460;padding:.5rem .6rem;border:1px solid #bee5eb;margin:0}
7778 .avatar{object-fit:cover;border:1px solid var(--line);background:var(--soft)}
7879 .bio{margin:.5rem 0 .6rem}

templates/index.html modified

@@ -25,5 +25,5 @@
2525 </section>
2626 {{end}}
2727 {{define "repolist"}}
28-{{if .}}<div class="repos">{{range .}}<div class="repo"><a href="/{{.Path}}">{{.Path}}</a>{{if .Private}} <span class="tag">private</span>{{end}}{{if .Description}}<div>{{.Description}}</div>{{end}}<div class="muted small">{{ago .Created}}</div></div>{{end}}</div>{{else}}<p class="muted">Nothing here yet.</p>{{end}}
28+{{if .}}<div class="repos">{{range .}}<div class="repo"><a href="/{{.Path}}">{{.Path}}{{if .Private}} <span class="tag">private</span>{{end}}</a>{{if .Description}}<div>{{.Description}}</div>{{end}}<div class="muted small">{{ago .Created}}</div></div>{{end}}</div>{{else}}<p class="muted">Nothing here yet.</p>{{end}}
2929 {{end}}

templates/user.html modified

@@ -16,7 +16,7 @@
1616 {{if $own}}<a class="btn primary block" href="/create">Create a new repository ▸</a><a class="btn block" href="/settings">Edit your profile ▸</a>{{end}}
1717 </aside>
1818 <div class="main">
19-{{if .Data.Repos}}<div class="repos">{{range .Data.Repos}}<div class="repo soft"><a href="/{{.Path}}">{{.Name}}</a>{{if .Private}} <span class="tag">private</span>{{end}}{{if .Description}}<div>{{.Description}}</div>{{end}}</div>{{end}}</div>{{else}}<p class="info">This user does not have any repositories.</p>{{end}}
19+{{if .Data.Repos}}<div class="repos">{{range .Data.Repos}}<div class="repo"><a href="/{{.Path}}">{{.Name}}{{if .Private}} <span class="tag">private</span>{{end}}</a>{{if .Description}}<div>{{.Description}}</div>{{end}}<div class="muted small">{{ago .Created}}</div></div>{{end}}</div>{{else}}<p class="info">This user does not have any repositories.</p>{{end}}
2020 </div>
2121 </div>
2222 {{end}}