[frontend] Tweak border radius for header + avatar (#713)
This commit is contained in:
parent
c7e5c660fb
commit
b326bf45a9
|
@ -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;
|
||||
|
|
|
@ -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%;
|
||||
}
|
||||
|
|
Loading…
Reference in New Issue