fix hitching & add in frames for all fetched content

2023-01-03 19:17:36 +01:00
parent 96516e60a2
commit c85bf3cae5
8 changed files with 90 additions and 17 deletions
--- a/components/ProfileCard/ProfileCard.module.scss
+++ b/components/ProfileCard/ProfileCard.module.scss
@@ -3,6 +3,14 @@
 	background: var(--black1);
 	border-radius: 8px;
 	box-shadow: var(--shadow0);
+	animation-name: goIn;
+	animation-duration: 350ms;
+	@keyframes goIn {
+		from {
+			opacity: 0;
+			transform: translate(0, 16px);
+		}
+	}
 	article {
 		display: flex;
 		flex-direction: row;