fixed avatargroup in mobile screens (#2498)

Co-authored-by: kodiakhq[bot] <49736102+kodiakhq[bot]@users.noreply.github.com>
pull/2502/head^2
Syed Ali Shahbaz 2022-04-17 01:53:15 +05:30 committed by GitHub
parent d2d3c67144
commit ccde0c20ab
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 4 additions and 4 deletions

View File

@ -84,11 +84,11 @@ export default function User(props: inferSSRProps<typeof getServerSideProps>) {
<h2 className="font-cal font-semibold text-neutral-900 dark:text-white">{type.title}</h2>
<EventTypeDescription className="text-sm" eventType={type} />
</div>
<div className="mt-1">
<div className="mt-1 self-center">
<AvatarGroup
border="border-2 border-white"
truncateAfter={4}
className="flex-shrink-0"
className="flex flex-shrink-0"
size={10}
items={props.users.map((user) => ({
alt: user.name || "",

View File

@ -60,11 +60,11 @@ function TeamPage({ team }: TeamPageProps) {
<h2 className="font-cal font-semibold text-neutral-900 dark:text-white">{type.title}</h2>
<EventTypeDescription className="text-sm" eventType={type} />
</div>
<div className="mt-1">
<div className="mt-1 self-center">
<AvatarGroup
border="border-2 border-white dark:border-neutral-800"
truncateAfter={4}
className="flex-shrink-0"
className="flex flex-shrink-0"
size={10}
items={type.users.map((user) => ({
alt: user.name || "",