Updated styles to better fit mobile layout

This commit is contained in:
Aaron William Po
2023-04-17 21:46:11 -04:00
parent 9ed66a4212
commit ed4a60c6b8
7 changed files with 23 additions and 17 deletions

View File

@@ -31,7 +31,7 @@ const BeerPostLikeButton: FC<{
return (
<button
type="button"
className={`btn gap-2 rounded-2xl ${
className={`btn-sm btn gap-2 rounded-2xl lg:btn-md ${
!isLiked ? 'btn-ghost outline' : 'btn-primary'
}`}
onClick={() => {
@@ -41,12 +41,12 @@ const BeerPostLikeButton: FC<{
>
{isLiked ? (
<>
<FaThumbsUp className="text-2xl" />
<FaThumbsUp className="lg:text-2xl" />
Liked
</>
) : (
<>
<FaRegThumbsUp className="text-2xl" />
<FaRegThumbsUp className="lg:text-2xl" />
Like
</>
)}