diff --git a/src/components/Author/AuthorCard.module.scss b/src/components/Author/AuthorCard.module.scss index 8e4be847..7c735b7f 100644 --- a/src/components/Author/AuthorCard.module.scss +++ b/src/components/Author/AuthorCard.module.scss @@ -143,12 +143,27 @@ } } - button { + .button { margin-right: 0.5em; + width: 9em; &:last-child { margin-right: 0; } + + &:hover { + .buttonUnfollowLabel { + display: block; + } + + .buttonSubscribedLabel { + display: none; + } + } + + .buttonUnfollowLabel { + display: none; + } } } @@ -184,8 +199,6 @@ } .buttonWrite { - //@include font-size(1.5rem); - color: #000; display: inline-flex; transition: background-color 0.3s, color 0.3s; diff --git a/src/components/Author/AuthorCard.tsx b/src/components/Author/AuthorCard.tsx index ed4133fa..6db661a5 100644 --- a/src/components/Author/AuthorCard.tsx +++ b/src/components/Author/AuthorCard.tsx @@ -181,9 +181,24 @@ export const AuthorCard = (props: AuthorCardProps) => { - + {t('Unfollow')} + + {t('You are subscribed')} +