mirror of
https://github.com/kremalicious/metamask-extension.git
synced 2024-10-22 19:26:13 +02:00
f946c030b5
* added wrapper around account list to prevent storybook from collapsing the list * updated translation files * added snap-connect page * refactored account list out of the choose account component * fixed width * removed unnecessary scss from choose-account component, fixed props in choose account story * removed snaps-connect page, added comments to ChooseAccount * updated choose account subtitle text, updated styling for title & subtitle, removed redundant account list story * updated component name, updated paths * fixed linter errors * added comments * removed unused message * removed selectAccounts key from all locales * updated class name for account list header, updated allAreSelected function to use length checks * Revert "removed unused message" This reverts commit 32771bc83c08f120825ef75f0741f3034e7dbecb. * Revert "removed selectAccounts key from all locales" This reverts commit ccfa4a860f9a75693d893d7c404384e719de297e. * updated locale messages to use selectAccounts key * removed stray import * updated scss * updated translation key * removed chooseAccounts key from en locale * removed optional chaining * changes * updated subjectMetadata * updated subject types * update useOriginMetadata function to include unknown subject type * updated permission connect header props, removed host and added subjectType to targetSubjectMetadata * added subjectType to targetSubjectMetadata * removed console.log * changed prop name to iconUrl
63 lines
1.1 KiB
SCSS
63 lines
1.1 KiB
SCSS
.permissions-connect-choose-account {
|
|
display: flex;
|
|
flex-direction: column;
|
|
align-items: center;
|
|
width: 100%;
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
height: 100%;
|
|
|
|
@media screen and (min-width: $break-large) {
|
|
width: 426px;
|
|
}
|
|
|
|
&__title {
|
|
@include H4;
|
|
}
|
|
|
|
&__cancel {
|
|
color: $Red-400;
|
|
}
|
|
|
|
&__footer-container {
|
|
width: 100%;
|
|
flex: 1;
|
|
display: flex;
|
|
flex-direction: column;
|
|
justify-content: flex-end;
|
|
|
|
@media screen and (min-width: $break-large) {
|
|
flex-direction: column-reverse;
|
|
justify-content: space-between;
|
|
padding-bottom: 20px;
|
|
}
|
|
}
|
|
|
|
&__bottom-buttons {
|
|
display: flex;
|
|
justify-content: space-between;
|
|
width: 100%;
|
|
padding-top: 16px;
|
|
padding-bottom: 16px;
|
|
margin-top: 8px;
|
|
border-top: 1px solid #d6d9dc;
|
|
|
|
@media screen and (min-width: $break-large) {
|
|
border-top: none;
|
|
}
|
|
|
|
button {
|
|
width: 124px;
|
|
}
|
|
|
|
.btn-secondary {
|
|
background: white;
|
|
margin-left: 16px;
|
|
}
|
|
|
|
.btn-primary {
|
|
margin-right: 16px;
|
|
}
|
|
}
|
|
}
|