Skip to content

fix(ins): css style #6301

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
lelenei merged 1 commit into from
May 18, 2022
Merged

fix(ins): css style #6301

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
8 changes: 4 additions & 4 deletions packages/mask/src/plugins/Avatar/SNSAdaptor/NFTAvatarButton.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -17,7 +17,7 @@ const useStyles = makeStyles()((theme) => ({
color: theme.palette.text.primary,
cursor: 'pointer',
},
icon: {
setIcon: {
width: 14,
height: 14,
marginLeft: 2,
Expand All @@ -29,7 +29,7 @@ const useStyles = makeStyles()((theme) => ({
},
}))

interface NFTAvatarButtonProps extends withClasses<'root' | 'text'> {
interface NFTAvatarButtonProps extends withClasses<'root' | 'text' | 'icon'> {
onClick: () => void
showSetting?: boolean
}
Expand All @@ -41,10 +41,10 @@ export function NFTAvatarButton(props: NFTAvatarButtonProps) {

return (
<div className={classes.root} onClick={onClick}>
<ApplicationSmallIcon />
<ApplicationSmallIcon className={classes.icon} />
<Typography variant="body1" className={classes.text}>
<span style={{ marginLeft: 4, fontWeight: 600 }}>{t('nft_avatar')}</span>
{props.showSetting ? <GearSettingsIcon className={classes.icon} /> : null}
{props.showSetting ? <GearSettingsIcon className={classes.setIcon} /> : null}
</Typography>
</div>
)
Expand Down
5 changes: 4 additions & 1 deletion packages/mask/src/plugins/Avatar/assets/application.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -57,7 +57,10 @@ export const ApplicationRoundIcon = createIcon(
export const ApplicationSmallIcon = createIcon(
'ApplicationSmallIcon',
<g>
<path d="M7.41269 2.72136C8.6044 1.76113 10.2272 1.49067 11.7059 1.77176C13.0524 2.09302 14.2571 2.99892 14.9102 4.2237C15.3626 5.02921 15.5031 5.96227 15.509 6.87407C15.5079 9.23743 15.509 11.5996 15.5079 13.963C15.4689 14.2712 15.7122 14.4909 15.8669 14.7271C16.6016 15.7807 16.9453 17.0586 17.0055 18.3318C16.5638 18.3342 16.122 18.333 15.6803 18.3318C15.613 17.5098 15.4677 16.6877 15.0827 15.9496C13.8768 15.9436 12.6721 15.9696 11.4662 15.9578C11.4591 15.0626 11.4626 14.1673 11.4615 13.272C10.4327 13.0311 9.34613 13.2106 8.38 13.6098C6.53396 14.3882 5.28437 16.3369 5.29145 18.333H3.99934C3.93792 16.7551 4.59225 15.2007 5.62452 14.0256C5.76979 13.8886 5.71782 13.6736 5.73318 13.4964C5.72019 11.6846 5.74145 9.87167 5.72255 8.05988C5.67767 7.15753 5.70601 6.254 5.74735 5.35164C5.85483 4.27213 6.51742 3.31072 7.41269 2.72136ZM11.6422 3.08632C11.791 3.5056 12.1973 3.77017 12.3579 4.18827C12.8622 5.12606 12.7193 6.21148 12.7359 7.23194C12.7441 9.7134 12.7418 12.1937 12.7429 14.6752C13.2378 14.6763 13.7339 14.6787 14.2287 14.6693C14.2252 12.0709 14.2264 9.47128 14.2287 6.87289C14.2228 6.24573 14.1602 5.59967 13.8803 5.02803C13.4658 4.09497 12.6154 3.38159 11.6422 3.08632ZM7.93118 3.93434C7.27804 4.36071 6.95442 5.16149 6.97923 5.92447C8.47685 5.93864 9.97329 5.9292 11.4709 5.93038C11.5241 4.93472 10.8804 3.92371 9.89533 3.66859C9.23865 3.43592 8.52645 3.62253 7.93118 3.93434ZM7.0182 7.20241C7.01112 7.73508 7.03001 8.29492 7.31111 8.76617C7.72922 9.55868 8.59614 10.0453 9.48313 10.0725C9.48432 10.4953 9.48432 10.9181 9.48313 11.3421C8.56543 11.322 7.68434 10.9642 6.98986 10.3689C7.00285 11.1945 6.98986 12.0201 6.99931 12.8468C8.30677 12.0106 9.93077 11.6598 11.465 11.9055C11.4567 10.3382 11.4638 8.76971 11.4603 7.20241C9.98037 7.20123 8.49929 7.20123 7.0182 7.20241Z" />
<path
fill="currentColor"
d="M7.41269 2.72136C8.6044 1.76113 10.2272 1.49067 11.7059 1.77176C13.0524 2.09302 14.2571 2.99892 14.9102 4.2237C15.3626 5.02921 15.5031 5.96227 15.509 6.87407C15.5079 9.23743 15.509 11.5996 15.5079 13.963C15.4689 14.2712 15.7122 14.4909 15.8669 14.7271C16.6016 15.7807 16.9453 17.0586 17.0055 18.3318C16.5638 18.3342 16.122 18.333 15.6803 18.3318C15.613 17.5098 15.4677 16.6877 15.0827 15.9496C13.8768 15.9436 12.6721 15.9696 11.4662 15.9578C11.4591 15.0626 11.4626 14.1673 11.4615 13.272C10.4327 13.0311 9.34613 13.2106 8.38 13.6098C6.53396 14.3882 5.28437 16.3369 5.29145 18.333H3.99934C3.93792 16.7551 4.59225 15.2007 5.62452 14.0256C5.76979 13.8886 5.71782 13.6736 5.73318 13.4964C5.72019 11.6846 5.74145 9.87167 5.72255 8.05988C5.67767 7.15753 5.70601 6.254 5.74735 5.35164C5.85483 4.27213 6.51742 3.31072 7.41269 2.72136ZM11.6422 3.08632C11.791 3.5056 12.1973 3.77017 12.3579 4.18827C12.8622 5.12606 12.7193 6.21148 12.7359 7.23194C12.7441 9.7134 12.7418 12.1937 12.7429 14.6752C13.2378 14.6763 13.7339 14.6787 14.2287 14.6693C14.2252 12.0709 14.2264 9.47128 14.2287 6.87289C14.2228 6.24573 14.1602 5.59967 13.8803 5.02803C13.4658 4.09497 12.6154 3.38159 11.6422 3.08632ZM7.93118 3.93434C7.27804 4.36071 6.95442 5.16149 6.97923 5.92447C8.47685 5.93864 9.97329 5.9292 11.4709 5.93038C11.5241 4.93472 10.8804 3.92371 9.89533 3.66859C9.23865 3.43592 8.52645 3.62253 7.93118 3.93434ZM7.0182 7.20241C7.01112 7.73508 7.03001 8.29492 7.31111 8.76617C7.72922 9.55868 8.59614 10.0453 9.48313 10.0725C9.48432 10.4953 9.48432 10.9181 9.48313 11.3421C8.56543 11.322 7.68434 10.9642 6.98986 10.3689C7.00285 11.1945 6.98986 12.0201 6.99931 12.8468C8.30677 12.0106 9.93077 11.6598 11.465 11.9055C11.4567 10.3382 11.4638 8.76971 11.4603 7.20241C9.98037 7.20123 8.49929 7.20123 7.0182 7.20241Z"
/>
</g>,
'0 0 21 20',
)
3 changes: 3 additions & 0 deletions ...ages/mask/src/social-network-adaptor/instagram.com/injection/NFT/NFTAvatarEditProfile.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -38,6 +38,9 @@ const useStyles = makeStyles()(() => ({
color: '#ffffff',
lineHeight: '12px',
},
icon: {
color: 'white',
},
}))

export function openNFTAvatarSettingDialog() {
Expand Down