1
0
mirror of https://github.com/kremalicious/metamask-extension.git synced 2024-12-05 23:44:56 +01:00
metamask-extension/ui/pages/keychains/index.scss
2022-08-04 09:03:02 -05:00

99 lines
1.4 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 {
&__content {
padding: 20px;
}
&__label {
padding-bottom: 10px;
font-weight: 400;
display: inline-block;
}
&__error {
@include H6;
color: var(--color-error-default);
padding-top: 5px;
}
}
.page-container__footer-single-button {
width: 40%;
margin: 8px auto;
}