~gitpocket/gitpocket

8

style(profile): enlarge the round avatar and drop bold notification titles

commit
245d0d194f7ca8c1899f5e7706ce71aa14eee74a browse tree
parent
a75930064b6979c319f17fa22d0aa39e14ec7bee
author
~james <[email protected]>
signature
Signed by: ~james SHA256:KlzJ0P0gvJcnOYpaxD5yCUw52ImHttTKRjVAEnnYnKg
date
2026-11-13 14:51 UTC

1 files changed, +3 −5

static/style.css modified

@@ -83,13 +83,13 @@ main{padding-bottom:3rem}
8383 .event h4 a{color:var(--link)}
8484 .event p{margin:0;font-size:.95rem}
8585 .columns{display:grid;grid-template-columns:minmax(0,1fr) 18rem;gap:2.5rem;align-items:start}
86-.columns.user{grid-template-columns:230px minmax(0,1fr);gap:2rem}
86+.columns.user{grid-template-columns:260px minmax(0,1fr);gap:2rem}
8787 .userhead{display:flex;align-items:flex-end;gap:1.2rem;border-bottom:1px solid var(--bar);margin:-.35rem 0 1rem;padding:0}
8888 .userhead h2{font-size:1.7rem;padding-bottom:.2rem}
8989 nav.tabs.small{background:var(--raised);align-self:flex-end;margin-bottom:.3rem}
9090 nav.tabs.small a{padding:.1rem .8rem}
9191 nav.tabs.small a.active{background:var(--bar)}
92-.profile .avatar{display:block;width:230px;height:230px;margin-bottom:.9rem;border-radius:50%}
92+.profile .avatar{display:block;width:260px;height:260px;margin-bottom:.9rem;border-radius:50%}
9393 .profile p{margin:.2rem 0}
9494 .profile .name{font-weight:400;font-size:1.3rem;line-height:1.25;margin:0;color:var(--fg)}
9595 .profile .btn.block{display:block;text-align:center;margin-top:.45rem}
@@ -187,7 +187,7 @@ input[type=file]{border:0;padding:0}
187187 .avatarform small{display:block;color:var(--muted);margin-bottom:.5rem}
188188 .cropper canvas{display:block;max-width:100%;border:1px solid var(--line);cursor:move;touch-action:none}
189189 .cropper input[type=range]{width:100%;padding:0}
190-@media(max-width:800px){.columns,.columns.user,.pair,.avatarform{grid-template-columns:1fr}.profile .avatar{width:120px;height:120px}}
190+@media(max-width:800px){.columns,.columns.user,.pair,.avatarform{grid-template-columns:1fr}.profile .avatar{width:140px;height:140px}}
191191 .twocol{display:grid;grid-template-columns:1fr 1fr;gap:2rem;margin-bottom:2rem}
192192 .twocol label{display:flex;flex-direction:column;gap:.25rem;margin-bottom:.8rem}
193193 .twocol .legend{display:block;margin-bottom:.4rem}
@@ -504,7 +504,6 @@ nav.site .bell .badge{position:absolute;top:-.35rem;left:.85rem;min-width:1rem;p
504504 .inboxpanel li a>span{display:flex;flex-direction:column;min-width:0}
505505 .inboxpanel .where,.inboxpanel .who{font-size:.78rem;color:var(--muted)}
506506 .inboxpanel .title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
507-.inboxpanel li.unread .title{font-weight:600}
508507 .inboxpanel .kind{width:15px;height:15px;margin-top:.15rem;fill:none;stroke:var(--muted);stroke-width:1.3;stroke-linecap:round;stroke-linejoin:round}
509508 .inboxpanel li.unread .kind{stroke:var(--link)}
510509 .inboxpanel .empty{display:none;flex-direction:column;align-items:center;padding:2.2rem 1rem 1.8rem;color:var(--muted)}
@@ -520,7 +519,6 @@ nav.site .bell .badge{position:absolute;top:-.35rem;left:.85rem;min-width:1rem;p
520519 .inbox li a{display:grid;grid-template-columns:1.1rem minmax(0,1fr) auto;gap:.7rem;align-items:center;padding:.5rem .6rem;color:var(--fg);border-bottom:1px solid var(--line);text-decoration:none}
521520 .inbox li a:hover{background:var(--soft)}
522521 .inbox li.unread a{background:var(--accentsoft)}
523-.inbox li.unread .title{font-weight:600}
524522 .inbox .kind{width:16px;height:16px;fill:none;stroke:var(--muted);stroke-width:1.3;stroke-linecap:round;stroke-linejoin:round}
525523 .inbox li.unread .kind{stroke:var(--link)}
526524 .inbox .what{display:flex;flex-direction:column;min-width:0}