m/metamask-extension
1
0
Fork 0
mirror of https://github.com/kremalicious/metamask-extension.git synced 2024-12-23 09:52:26 +01:00
Code

minor fixes per snaps pr comments (#13721)

Browse Source
This commit is contained in:
Hassan Malik 2022-02-23 15:16:41 -05:00 committed by Erik Marks
parent a87c84e952
commit 9bb668d958
2 changed files with 10 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
ui/pages/settings/flask/view-snap/index.scss
View File

@ -6,8 +6,6 @@
} }
&__subheader { &__subheader {
@include H4;
padding: 16px 4px; padding: 16px 4px;
border-bottom: 1px solid var(--alto); border-bottom: 1px solid var(--alto);
margin-right: 24px; margin-right: 24px;
@ -51,12 +49,18 @@
} }
&__toggle-container { &__toggle-container {
margin-left: auto;
@media screen and (max-width: $break-small) { @media screen and (max-width: $break-small) {
padding-left: 0; padding-left: 0;
display: inline-block; display: inline-block;
} }
} }
&__toggle-button {
margin-right: -12px;
}
&__content-container { &__content-container {
@media screen and (max-width: $break-small) { @media screen and (max-width: $break-small) {
width: 100%; width: 100%;

11
ui/pages/settings/flask/view-snap/view-snap.js
View File

@ -86,15 +86,12 @@ function ViewSnap() {
url={authorshipPillUrl} url={authorshipPillUrl}
/> />
</Box> </Box>
<Box <Box paddingLeft={4} className="view-snap__toggle-container">
paddingLeft={4}
className="snap-settings-card__toggle-container view-snap__toggle-container"
>
<Tooltip interactive position="bottom" html={t('snapsToggle')}> <Tooltip interactive position="bottom" html={t('snapsToggle')}>
<ToggleButton <ToggleButton
value={snap.enabled} value={snap.enabled}
onToggle={onToggle} onToggle={onToggle}
className="snap-settings-card__toggle-container__toggle-button" className="view-snap__toggle-button"
/> />
</Tooltip> </Tooltip>
</Box> </Box>
@ -155,8 +152,8 @@ function ViewSnap() {
css={{ css={{
maxWidth: '175px', maxWidth: '175px',
}} }}
onClick={async () => { onClick={() => {
await dispatch(removeSnap(snap)); dispatch(removeSnap(snap));
}} }}
> >
{t('removeSnap')} {t('removeSnap')}