~gitpocket/gitpocket

1

style(profile): larger avatar and lighter notification titles

commit
b50e575d9a8623c30318160f5b1d2f4532792405 browse tree
parent
71605f7beac511446766dcef682558300e2bd8df
author
obscurejames <354576047+obscurejames@users.noreply.github.com>
signature
Verified ~james signed with a key registered by ~james
date
2026-11-09 23:17 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}