gtsocial-umbx

commit b326bf45a9cc05175c5cdc828db00ed241ba1103
parent c7e5c660fbc72f1599bf6d40a25239d4413b8e8f
Author: tobi <31960611+tsmethurst@users.noreply.github.com>
Date:   Mon, 18 Jul 2022 09:44:32 +0200

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


Diffstat:
M
web/source/css/base.css
 | 
4
++++
M
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
@@ -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
@@ -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%;
 			}