diff --git a/src/components/Author/AuthorCard/AuthorCard.tsx b/src/components/Author/AuthorCard/AuthorCard.tsx index 4395d96d..2dd2bf8a 100644 --- a/src/components/Author/AuthorCard/AuthorCard.tsx +++ b/src/components/Author/AuthorCard/AuthorCard.tsx @@ -231,40 +231,29 @@ export const AuthorCard = (props: Props) => { /> - - 0 && !props.isCurrentUser}> - - - {(f) => { - if ('name' in f) { - return - } else if ('title' in f) { - return - } - return null - }} - - - {t('SubscriberWithCount', { count: props?.following.length ?? 0 })} - - - - 0 && props.isCurrentUser}> - } - /> - - + + 0}> + + + {(f) => { + if ('name' in f) { + return + } else if ('title' in f) { + return + } + return null + }} + + + {t('SubscriberWithCount', { count: props?.following.length ?? 0 })} + + + - + {(link) => ( @@ -384,6 +373,19 @@ export const AuthorCard = (props: Props) => { + + + } + /> + + + <> diff --git a/src/components/Author/Userpic/Userpic.module.scss b/src/components/Author/Userpic/Userpic.module.scss index 07b0bd89..a37ebfef 100644 --- a/src/components/Author/Userpic/Userpic.module.scss +++ b/src/components/Author/Userpic/Userpic.module.scss @@ -68,7 +68,7 @@ &.big { aspect-ratio: 1/1; - margin: 0 auto; + margin: 0 auto 1rem; max-width: 168px; height: auto; width: 100%; diff --git a/src/components/Views/Author/Author.module.scss b/src/components/Views/Author/Author.module.scss index 5005b836..e7da012c 100644 --- a/src/components/Views/Author/Author.module.scss +++ b/src/components/Views/Author/Author.module.scss @@ -16,6 +16,7 @@ .authorHeader { border-bottom: 2px solid var(--default-color); margin-bottom: 2.4rem; + margin-top: 1.8rem; padding-bottom: 4rem; @include media-breakpoint-up(lg) {