diff options
| author |  f0x52 <f0x@cthu.lu> | 2023-05-11 17:46:32 +0200 |
|---|---|---|
| committer |  GitHub <noreply@github.com> | 2023-05-11 17:46:32 +0200 |
| commit | 9cc9ffc5a7edd5bcd4e51bd6b32dfdba5082dd24 (patch) | |
| tree | 55851a745af76564d9e7cb60aae81eb13e53c69e /web/source/css/base.css | |
| parent | feat: initial tracing support (#1623) (diff) | |
| download | gotosocial-9cc9ffc5a7edd5bcd4e51bd6b32dfdba5082dd24.tar.xz | |
[frontend] Profiles with fields & more (#1764)
* redesign status template
* separate index page styling
* redesign profile template
* fix header styling/wrapping
* remove old spoiler js
* fix status cw button wrapping
* fix status info variables
* profile responsiveness, accessibility tweaks
* fix variable use, mobile
* remove duplicate id's
* rss icon, fix indent
* fix toot border-radius
* fix toot spacing
* emojify and html profile fields
* refactor (sensitive) media rendering
* plaintext profile fields
* bundle plyr icon svg
* only pause video when switching photoswipe slides
* yarn upgrade
* profile fields formatting
* replace uglifyify with @browserify updated fork
* fix profile field templating (yet again)
* fix React classes
* testrig: add testing profile field for admin user
* fix sensitive media interactions
* Revert "testrig: add testing profile field for admin user"
This reverts commit 80490c183e6639ce5b57fcfca6772d8f96df8706.
* settings interface wrapping
* fix reported toot styling
* add role to profile sr-only text
* comment fallback rule
* remove currently unused image description lacking indicator
Diffstat (limited to 'web/source/css/base.css')
| -rw-r--r-- | web/source/css/base.css | 33 |
1 files changed, 14 insertions, 19 deletions
diff --git a/web/source/css/base.css b/web/source/css/base.css index 45b797c64..87d2fcca7 100644 --- a/web/source/css/base.css +++ b/web/source/css/base.css @@ -44,6 +44,11 @@ $br: 0.4rem; inside something with $br, eg avatar, header img */ $br-inner: 0.2rem; +/* Fork-Awesome 'fa-fw' fixed icon width + keep in sync with https://github.com/ForkAwesome/Fork-Awesome/blob/a99579ae3e735ee70e51ed62dfcee3172b5b2db7/css/fork-awesome.css#L50 +*/ +$fa-fw: 1.28571429em; + html, body { padding: 0; margin: 0; @@ -95,26 +100,25 @@ header { } header a { - margin: 2rem; display: flex; flex-wrap: wrap; - gap: 2rem; + margin: 1.5rem; + gap: 1rem; + justify-content: center; img { align-self: center; - height: 6rem; + height: 3rem; } - div { + h1 { flex-grow: 1; align-self: center; - display: flex; + text-align: center; - h1 { - word-wrap: anywhere; - align-self: center; - color: $fg; - } + font-size: 1.5rem; + word-wrap: anywhere; + color: $fg; } } @@ -132,15 +136,6 @@ header a { } main { - section { - background: $bg-accent; - box-shadow: $boxshadow; - border: $boxshadow-border; - border-radius: $br; - padding: 2rem; - margin-bottom: 2rem; - } - p:first-child { margin-top: 0; } |