forked from Kieran/snort
larger icon buttons
This commit is contained in:
parent
e93776f824
commit
23024b94c6
@ -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>
|
||||
)
|
||||
}
|
@ -46,7 +46,7 @@
|
||||
}
|
||||
|
||||
.profile .btn-icon {
|
||||
padding: 2px 4px;
|
||||
padding: 6px;
|
||||
margin-left: 4px;
|
||||
}
|
||||
|
||||
|
@ -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)} />
|
||||
|
Loading…
Reference in New Issue
Block a user