diff options
| author |  tobi <31960611+tsmethurst@users.noreply.github.com> | 2022-07-18 09:44:32 +0200 |
|---|---|---|
| committer |  GitHub <noreply@github.com> | 2022-07-18 09:44:32 +0200 |
| commit | b326bf45a9cc05175c5cdc828db00ed241ba1103 (patch) | |
| tree | bbbb65ef44619807e45ced810c861de5d78173db /web/source/css | |
| parent | [frontend] Footer styling adjustments (#709) (diff) | |
| download | gotosocial-b326bf45a9cc05175c5cdc828db00ed241ba1103.tar.xz | |
[frontend] Tweak border radius for header + avatar (#713)
Diffstat (limited to 'web/source/css')
| -rw-r--r-- | web/source/css/base.css | 4 | ||||
| -rw-r--r-- | web/source/css/profile.css | 4 |
2 files changed, 6 insertions, 2 deletions
diff --git a/web/source/css/base.css b/web/source/css/base.css index bf0599803..11d6dc407 100644 --- a/web/source/css/base.css +++ b/web/source/css/base.css @@ -28,7 +28,11 @@ src: url(../NotoSans-Bold.ttf) format('truetype'); } +// standard border radius for nice squircles $br: 0.4rem; +// border radius for items that are framed/bordered +// inside something with $br, eg avatar, header img +$br_inner: 0.2rem; html, body { padding: 0; diff --git a/web/source/css/profile.css b/web/source/css/profile.css index e7a422680..4fa0b6247 100644 --- a/web/source/css/profile.css +++ b/web/source/css/profile.css @@ -50,7 +50,7 @@ main { width: 100%; height: 100%; object-fit: cover; - border-radius: $br $br 0 0; + border-radius: $br_inner $br_inner 0 0; } } @@ -87,7 +87,7 @@ main { box-shadow: $boxshadow; img { object-fit: cover; - border-radius: $br; + border-radius: $br_inner; width: 100%; height: 100%; } |