diff options
| author |  f0x52 <f0x@cthu.lu> | 2023-02-20 16:29:29 +0100 |
|---|---|---|
| committer |  GitHub <noreply@github.com> | 2023-02-20 16:29:29 +0100 |
| commit | b6143c9ab8bb2aac6517b9580bf72ebe485eb738 (patch) | |
| tree | 9bf7e4b3eb2efcbb57fe68aa58e303cd58efc876 /web/source/css | |
| parent | [chore]: Bump golang.org/x/crypto from 0.5.0 to 0.6.0 (#1541) (diff) | |
| download | gotosocial-b6143c9ab8bb2aac6517b9580bf72ebe485eb738.tar.xz | |
[feature] About page (#1495)
* about page basics
* more info, styling
* update emoji sizing on about page contact card
Diffstat (limited to 'web/source/css')
| -rw-r--r-- | web/source/css/base.css | 51 |
1 files changed, 51 insertions, 0 deletions
diff --git a/web/source/css/base.css b/web/source/css/base.css index d9b3e170e..29dafef84 100644 --- a/web/source/css/base.css +++ b/web/source/css/base.css @@ -502,6 +502,57 @@ label { } } +.about { + display: flex; + flex-direction: column; + gap: 1rem; + + h2 { + margin: 0.5rem 0; + } + + ul { + margin-bottom: 0; + } + + .contact-account-card { + /* display: inline-grid; + grid-template-columns: 4rem auto; + grid-template-rows: 4rem; + gap: 1rem; + padding: 0.5rem; */ + display: inline-grid; + grid-template-columns: auto 1fr; + grid-template-rows: auto auto; + text-decoration: none; + gap: 0.5rem 1rem; + border-radius: $br; + padding: 0.5rem; + min-width: 40%; + margin-bottom: 0.3rem; + + background: $list-entry-bg; + + &:hover { + background: $list-entry-alternate-bg; + } + + h3 { + align-self: end; + margin: 0; + color: $fg; + } + + img.avatar { + border-radius: 0.5rem; + width: 5rem; + height: 5rem; + object-fit: cover; + grid-row: 1 / span 2; + } + } +} + @media screen and (max-width: 30rem) { .domain-blocklist .entry { grid-template-columns: 1fr; |