mirror of
https://github.com/kremalicious/metamask-extension.git
synced 2024-12-01 13:47:06 +01:00
ff36e32fb0
* add todo comments * add snaps-connect component * added new messages * added component scss files to main scss files * remove dead code and add snap-connect-cell * update snaps connect * updated messages and styling * update messages and css * update css * moved snaps privacy warning into snaps connect, moved snaps connect error into snap install * added story and removed unused import * fix style linting and move snaps connect error css * removed unused message * ran lavamoat policy generation * fix fencing * some more css changes * Fix scrolling and box shadow * added comment, fixed quote * Align more with Figma * Regen LavaMoat policies * bring back privacy logic to permission page container * Revert scrolling changes + fix snaps icon * fix linting, reintroduced dedupe logic and additionally addressed a corner case * made some fixes * Fix scrolling with multiple snaps * add dedupe logic to snaps connect and fix spacing issue * policy regen * lint fix * fix fencing * replaced with new icon design, trimmed origin urls in certain places * remove unused imports * badge icon size * Revert LM policy changes * Use SnapAvatar for snaps-connect * Use InstallError for connection failed * Delete unused CSS file * Remove unused CSS * Use useOriginMetadata * addressed PR comments * fix linting errors * add explicit condition * fix fencing * fix some more fencing * fix util fencing issue * fix storybook file, prevent null destructuring * Fix storybook origin URLs * Fix wrong prop name --------- Co-authored-by: Frederik Bolding <frederik.bolding@gmail.com> Co-authored-by: Guillaume Roux <guillaumeroux123@gmail.com> Co-authored-by: Erik Nilsson <eriks@mail.se>
47 lines
876 B
SCSS
47 lines
876 B
SCSS
@import 'choose-account/index';
|
|
@import 'snaps/snap-install/index';
|
|
@import 'snaps/snap-update/index';
|
|
@import 'snaps/snap-result/index';
|
|
@import 'snaps/snaps-connect/index';
|
|
@import 'redirect/index';
|
|
|
|
.permissions-connect {
|
|
width: 100%;
|
|
height: 100%;
|
|
position: relative;
|
|
background: var(--color-background-default);
|
|
display: flex;
|
|
flex-direction: column;
|
|
|
|
@include screen-sm-min {
|
|
.page-container {
|
|
max-height: none;
|
|
min-height: auto;
|
|
}
|
|
}
|
|
|
|
&__top-bar {
|
|
display: grid;
|
|
grid-template-columns: 1fr 1fr;
|
|
padding: 16px 16px 0 16px;
|
|
align-items: center;
|
|
}
|
|
|
|
&__back {
|
|
@include H7;
|
|
|
|
color: var(--color-icon-default);
|
|
font-weight: bold;
|
|
cursor: pointer;
|
|
}
|
|
|
|
&__page-count {
|
|
@include H7;
|
|
|
|
color: var(--color-text-default);
|
|
grid-column: 2;
|
|
justify-self: flex-end;
|
|
font-weight: bold;
|
|
}
|
|
}
|