turn profile accent into border + $bg background

superseriousbusiness · Jun 19, 2022 · 84f9f54 · 84f9f54
1 parent 31b6dc6
commit 84f9f54
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 12 deletions.
diff --git a/web/source/css/profile.css b/web/source/css/profile.css
@@ -62,8 +62,9 @@ main {
 			height: 8.5rem;
 			width: 8.5rem;
 			grid-row: 1 / span 2;
-			background: $acc2;
-			padding: 0.2rem;
+			background: $bg;
+			border: 0.2rem solid $acc2;
+			padding: 0;
 			border-radius: $br;
 			position: relative;
 
@@ -135,11 +136,6 @@ main {
 
 .toot, .toot:last-child {
 	box-shadow: $boxshadow;
-
-	.avatar img {
-		padding-right: 0.15rem;
-		padding-top: 0.15rem;
-	}
 }
 
 #recent {

diff --git a/web/source/css/status.css b/web/source/css/status.css
@@ -48,14 +48,15 @@ main {
 
 	.avatar {
 		grid-row: span 2;
+		aspect-ratio: 1/1;
 
 		img {
-			height: 4rem;
-			width: 4rem;
+			height: 100%;
+			width: 100%;
 			object-fit: cover;
-			background: $acc2;
-			padding: 0.1rem;
-			box-sizing: border-box;
+			background: $bg;
+			border: 0.1rem solid $acc2;
+			/* box-sizing: border-box; */
 			border-radius: calc($br / 1.5);
 		}
 	}