larger icon buttons

This commit is contained in:
Alejandro Gomez 2023-01-10 13:41:55 +01:00
parent e93776f824
commit 23024b94c6
No known key found for this signature in database
GPG Key ID: 4DF39E566658C817
3 changed files with 6 additions and 4 deletions

View File

@ -1,5 +1,7 @@
import { useSelector } from "react-redux";
import useEventPublisher from "../feed/EventPublisher";
import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
import { faUserMinus, faUserPlus } from "@fortawesome/free-solid-svg-icons";
export default function FollowButton(props) {
const pubkey = props.pubkey;
@ -21,7 +23,7 @@ export default function FollowButton(props) {
return (
<div className={className} onClick={() => isFollowing ? unfollow(pubkey) : follow(pubkey)}>
{isFollowing ? "Unfollow" : "Follow"}
<FontAwesomeIcon icon={isFollowing ? faUserMinus : faUserPlus} size="lg" />
</div>
)
}

View File

@ -46,7 +46,7 @@
}
.profile .btn-icon {
padding: 2px 4px;
padding: 6px;
margin-left: 4px;
}

View File

@ -38,7 +38,7 @@ export default function ProfilePage() {
<div>
{isMe ? (
<div className="btn btn-icon" onClick={() => navigate("/settings")}>
<FontAwesomeIcon icon={faGear} size="sm" />
<FontAwesomeIcon icon={faGear} size="lg" />
</div>
) : <FollowButton pubkey={id} />
}
@ -55,7 +55,7 @@ export default function ProfilePage() {
{lnurl ? <div className="lnurl f-ellipsis">
{lnurl}
<div className="btn btn-icon" onClick={(e) => setShowLnQr(true)}>
<FontAwesomeIcon icon={faQrcode} size="sm" />
<FontAwesomeIcon icon={faQrcode} size="lg" />
</div>
</div> : null}
<LNURLTip svc={lnurl} show={showLnQr} onClose={() => setShowLnQr(false)} />