Person tweak

directus · Aug 7, 2023 · e1e9537 · e1e9537
1 parent b72b9fc
commit e1e9537
Showing 1 changed file with 13 additions and 2 deletions.
diff --git a/components/Block/Quote.vue b/components/Block/Quote.vue
@@ -26,8 +26,8 @@ const { data: comp } = useAsyncData(props.uuid, () =>
 		<div class="person">
 			<BaseDirectusImage
 				v-if="comp.person_image"
-				width="64"
-				height="64"
+				width="44"
+				height="44"
 				class="avatar"
 				:uuid="comp.person_image"
 				:alt="comp.person_name ?? ''"
@@ -72,4 +72,15 @@ const { data: comp } = useAsyncData(props.uuid, () =>
 	font-size: var(--font-size-sm);
 	line-height: var(--line-height-sm);
 }
+
+.person {
+	display: flex;
+	gap: var(--space-2);
+
+	.avatar {
+		border-radius: var(--rounded-full);
+		inline-size: var(--space-11);
+		block-size: var(--space-11);
+	}
+}
 </style>