mirrors
/
gotosocial
mirror of
1
Fork 0
Code Issues Releases Activity

[frontend] Tweak border radius for header + avatar (#713)

This commit is contained in:
tobi 2022-07-18 09:44:32 +02:00 committed by GitHub
parent c7e5c660fb
commit b326bf45a9
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 6 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
web/source/css/base.css
View File

@ -28,7 +28,11 @@
src: url(../NotoSans-Bold.ttf) format('truetype'); src: url(../NotoSans-Bold.ttf) format('truetype');
} }
// standard border radius for nice squircles
$br: 0.4rem; $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 { html, body {
padding: 0; padding: 0;

4
web/source/css/profile.css
View File

@ -50,7 +50,7 @@ main {
width: 100%; width: 100%;
height: 100%; height: 100%;
object-fit: cover; 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; box-shadow: $boxshadow;
img { img {
object-fit: cover; object-fit: cover;
border-radius: $br; border-radius: $br_inner;
width: 100%; width: 100%;
height: 100%; height: 100%;
} }