~gitpocket/gitpocket

8

style(profile): square avatars for people as on sourcehut

commit
748e2eaa6221fcd1174df72c91c3344d3b65e70b browse tree
parent
a8dc6f889de571c41568cd2a1031f3c6cb3c3a26
author
~james <[email protected]>
signature
Signed by: ~james SHA256:KlzJ0P0gvJcnOYpaxD5yCUw52ImHttTKRjVAEnnYnKg
date
2026-11-13 15:08 UTC

1 files changed, +6 −6

static/style.css modified

@@ -84,13 +84,13 @@ main{padding-bottom:3rem}
8484 .event h4 a{color:var(--link)}
8585 .event p{margin:0;font-size:.95rem}
8686 .columns{display:grid;grid-template-columns:minmax(0,1fr) 18rem;gap:2.5rem;align-items:start}
87-.columns.user{grid-template-columns:260px minmax(0,1fr);gap:1.6rem}
87+.columns.user{grid-template-columns:230px minmax(0,1fr);gap:1.6rem}
8888 .userhead{display:flex;align-items:flex-end;gap:1.2rem;border-bottom:1px solid var(--bar);margin:-.35rem 0 1rem;padding:0}
8989 .userhead h2{font-size:1.7rem;padding-bottom:.2rem}
9090 nav.tabs.small{background:var(--raised);align-self:flex-end;margin-bottom:.3rem}
9191 nav.tabs.small a{padding:.1rem .8rem}
9292 nav.tabs.small a.active{background:var(--bar)}
93-.profile .avatar{display:block;width:260px;height:260px;margin-bottom:.85rem;border-radius:50%}
93+.profile .avatar{display:block;width:230px;height:230px;margin-bottom:.85rem;border-radius:0}
9494 .profile p{margin:.2rem 0}
9595 .profile .name{font-family:"Source Sans Variable",system-ui,sans-serif;font-weight:500;font-size:1.45rem;line-height:1.25;margin:0;color:var(--fg)}
9696 .profile .btn.block{display:block;text-align:center;margin:0}
@@ -181,14 +181,14 @@ input[type=file]{border:0;padding:0}
181181 .actions{display:flex;justify-content:flex-end;gap:.5rem}
182182 .actions.left{justify-content:flex-start}
183183 .avatarform{display:grid;grid-template-columns:160px 1fr;gap:1.2rem;margin-bottom:1.2rem;align-items:start}
184-.avatarform .avatarbox{width:160px;height:160px;border:1px solid var(--line);background:var(--bg);border-radius:50%;overflow:hidden}
184+.avatarform .avatarbox{width:160px;height:160px;border:1px solid var(--line);background:var(--bg);overflow:hidden}
185185 .avatarform .avatarbox.org{border-radius:6px}
186186 .avatarform .avatar{width:158px;height:158px;border:0}
187187 .avatarform label{display:block;margin-bottom:.3rem}
188188 .avatarform small{display:block;color:var(--muted);margin-bottom:.5rem}
189189 .cropper canvas{display:block;max-width:100%;border:1px solid var(--line);cursor:move;touch-action:none}
190190 .cropper input[type=range]{width:100%;padding:0}
191-@media(max-width:800px){.columns,.columns.user,.pair,.avatarform{grid-template-columns:1fr}.profile .avatar{width:140px;height:140px}}
191+@media(max-width:800px){.columns,.columns.user,.pair,.avatarform{grid-template-columns:1fr}.profile .avatar{width:120px;height:120px}}
192192 .twocol{display:grid;grid-template-columns:1fr 1fr;gap:2rem;margin-bottom:2rem}
193193 .twocol label{display:flex;flex-direction:column;gap:.25rem;margin-bottom:.8rem}
194194 .twocol .legend{display:block;margin-bottom:.4rem}
@@ -392,7 +392,7 @@ pre.rangediff,pre.body{white-space:pre-wrap;overflow-wrap:anywhere}
392392 .hit .meta{display:flex;gap:1.1rem;flex-wrap:wrap;color:var(--muted);font-size:.85rem;margin-top:.35rem}
393393 .hit.user{display:grid;grid-template-columns:3rem 1fr;gap:.9rem;align-items:start}
394394 .hit.org .hitavatar img{border-radius:6px}
395-.hitavatar img{display:flex;width:3rem;height:3rem;border-radius:50%;object-fit:cover;border:1px solid var(--line)}
395+.hitavatar img{display:flex;width:3rem;height:3rem;border-radius:0;object-fit:cover;border:1px solid var(--line)}
396396 .hit .bio{color:var(--fg2);overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
397397 .langbar{display:flex;height:.5rem;border-radius:4px;overflow:hidden;margin:.2rem 0 .5rem;background:var(--line)}
398398 .langbar span{display:block;height:100%}
@@ -431,7 +431,7 @@ pre.rangediff,pre.body{white-space:pre-wrap;overflow-wrap:anywhere}
431431 .people h4 .count{font-weight:400;margin-left:.2rem}
432432 .people ul{list-style:none;margin:0;padding:0}
433433 .people li a{display:grid;grid-template-columns:2.2rem 1fr;column-gap:.6rem;align-items:center;padding:.3rem 0;color:var(--fg);text-decoration:none}
434-.people li img{grid-row:1/3;display:flex;width:2.2rem;height:2.2rem;border-radius:50%;object-fit:cover;border:1px solid var(--line)}
434+.people li img{grid-row:1/3;display:flex;width:2.2rem;height:2.2rem;border-radius:0;object-fit:cover;border:1px solid var(--line)}
435435 .people li b{font-weight:400;font-size:.97rem;line-height:1.2}
436436 .people li small{color:var(--muted);line-height:1.2}
437437 .orghead{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:1.3rem;align-items:start;margin:-.4rem 0 1.3rem;padding-bottom:1.2rem;border-bottom:1px solid var(--bar)}