mirror of
https://github.com/superseriousbusiness/gotosocial.git
synced 2024-11-24 01:11:00 +00:00
[frontend] Tweak border radius for header + avatar (#713)
This commit is contained in:
parent
c7e5c660fb
commit
b326bf45a9
2 changed files with 6 additions and 2 deletions
|
@ -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;
|
||||||
|
|
|
@ -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%;
|
||||||
}
|
}
|
||||||
|
|
Loading…
Reference in a new issue