mirror of
https://github.com/kremalicious/metamask-extension.git
synced 2024-11-24 11:01:41 +01:00
cdc1bce688
* refactor class to functional component * update messages * fix: use classnames * feat: add hold to reveal modal * feat: add new zendesk url for secret recovery phrase and noncustodial wallet * update: clipboard to clear copied text after delay * fix: remove save to csv * feat: update styles for reveal seed page * fix: update reveal seed snapshot * add test to check for modal * fix: lint * fix: unused messages locale * fix: use new banner component * fix: use new button from design system * fix: update snapshot * fix: lint * revert text * fix: lint * fix: remove --copy-only * fix: marginBottom prop value * fix: iconName and prop error * --made the QR code slightly smaller so it's less likely to have a scrollbar --updated the snapshots * fix: error message not displaying * SRP hold to reveal using more DS components (#17583) * Updating to add DS components and remove CSS * Fixing rendered html and removing some unneeded props * fix: set block to true --------- Co-authored-by: Monte <monte.lai@consensys.net> * fix: add descriptions to messages * Update ui/components/ui/export-text-container/export-text-container.component.js fix: lint Co-authored-by: HowardBraham <HowardBraham@users.noreply.github.com> * fix: remove using displayWarning in requestRevealSeedWords * fix: update test to remove displayError * fix: update design system enums * fix: messages descriptions * fix: banner to banneralert * fix: update preview * add additional tests * fix: use jest instead of sinon * add test if long press isn't completed * add test if password is wrong --------- Co-authored-by: Howard Braham <howrad@gmail.com> Co-authored-by: George Marshall <george.marshall@consensys.net>
86 lines
1.3 KiB
SCSS
86 lines
1.3 KiB
SCSS
.first-view-main-wrapper {
|
|
display: flex;
|
|
width: 100%;
|
|
height: 100%;
|
|
justify-content: center;
|
|
padding: 0 10px;
|
|
|
|
> .first-view-main {
|
|
display: flex;
|
|
flex-direction: row;
|
|
justify-content: flex-start;
|
|
}
|
|
}
|
|
|
|
|
|
@include screen-lg-min {
|
|
.first-view-main {
|
|
width: 62vw;
|
|
}
|
|
}
|
|
|
|
.import-account {
|
|
display: flex;
|
|
flex-flow: column nowrap;
|
|
margin: 60px 0 30px 0;
|
|
position: relative;
|
|
max-width: initial;
|
|
}
|
|
|
|
@include screen-sm-max {
|
|
.import-account {
|
|
margin: 24px;
|
|
display: flex;
|
|
flex-flow: column nowrap;
|
|
width: calc(100vw - 80px);
|
|
}
|
|
|
|
.import-account__title {
|
|
width: initial !important;
|
|
}
|
|
|
|
.first-view-main {
|
|
height: 100%;
|
|
flex-direction: column;
|
|
align-items: center;
|
|
justify-content: flex-start;
|
|
margin-top: 12px;
|
|
}
|
|
|
|
.first-view-phone-invisible {
|
|
display: none;
|
|
}
|
|
|
|
.first-time-flow__input {
|
|
width: 100%;
|
|
}
|
|
}
|
|
|
|
.import-account {
|
|
&__back-button {
|
|
@include Paragraph;
|
|
|
|
margin-bottom: 18px;
|
|
color: var(--color-text-default);
|
|
position: absolute;
|
|
top: -25px;
|
|
}
|
|
|
|
&__link {
|
|
display: inline;
|
|
padding: 0;
|
|
font-size: inherit;
|
|
}
|
|
}
|
|
|
|
.reveal-seed {
|
|
&__tab {
|
|
display: flex;
|
|
flex: 1;
|
|
}
|
|
|
|
&__active-tab {
|
|
color: var(--color-primary-default);
|
|
}
|
|
}
|