Skip to content

Commit

Permalink
Update CSS for noSnaps message
Browse files Browse the repository at this point in the history
  • Loading branch information
david0xd committed Mar 16, 2023
1 parent eb70e72 commit ae60875
Show file tree
Hide file tree
Showing 3 changed files with 16 additions and 5 deletions.
2 changes: 1 addition & 1 deletion app/_locales/en/messages.json

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

8 changes: 8 additions & 0 deletions ui/pages/settings/flask/snaps-list-tab/index.scss
Original file line number Diff line number Diff line change
Expand Up @@ -18,4 +18,12 @@
margin: 8px 0;
max-width: 344px;
}

.snap-list-tab__container--no-snaps_inner {
max-width: 235px;
}

.snap-list-tab__container--no-snaps_icon {
font-size: 64px;
}
}
11 changes: 7 additions & 4 deletions ui/pages/settings/flask/snaps-list-tab/snap-list-tab.js
Original file line number Diff line number Diff line change
Expand Up @@ -84,7 +84,7 @@ const SnapListTab = () => {
<Box className="snap-list-tab__container--no-snaps_inner">
<Typography
align={TEXT_ALIGN.CENTER}
variant={TypographyVariant.H1}
className="snap-list-tab__container--no-snaps_icon"
>
<Icon
name={ICON_NAMES.SNAPS}
Expand All @@ -93,15 +93,18 @@ const SnapListTab = () => {
size={ICON_SIZES.AUTO}
/>
</Typography>
<Typography variant={TypographyVariant.H4}>
<Typography
variant={TypographyVariant.H4}
align={TEXT_ALIGN.CENTER}
>
<Text>
{`${t('noSnaps')} `}
{t('noSnaps')}
<ButtonLink
size={Size.inherit}
href="https://metamask.io/snaps/"
target="_blank"
>
{t('learnMoreUpperCase')}
{`${t('learnMoreUpperCase')}`}
</ButtonLink>
</Text>
</Typography>
Expand Down

0 comments on commit ae60875

Please sign in to comment.