1
0
mirror of https://github.com/kremalicious/metamask-extension.git synced 2024-12-02 22:24:27 +01:00
metamask-extension/ui/pages/permissions-connect/index.scss
Olaf Tomalka 90b656bd66
Added SiteOrigin and PermissionList components (#12832)
* Changed back button to the one in design

* PermissionConnect now uses Chip component

* Added SiteOrigin widget

* WIP

* Added new permission list

* Fix linting errors

* Removed unused messages

* Removed more unused messages

* Make SiteOrigin bigger

* Fix lint

* Code Review fixes

* Fix SiteOrigin overflowing

* Add stories

* Fix lint

* Added useMemo to constant

* Fix Chip's max-content overflowing SiteOrigin

* Fix code review issues

Co-authored-by: Olaf Tomalka <olaftomalka@Olafs-MacBook-Pro-2.local>
2021-12-02 18:22:18 +01:00

47 lines
732 B
SCSS

@import 'choose-account/index';
@import 'redirect/index';
.permissions-connect {
width: 100%;
height: 100%;
position: relative;
background: white;
display: flex;
flex-direction: column;
@media screen and (min-width: $break-large) {
.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: $Grey-500;
font-weight: bold;
cursor: pointer;
i {
margin-right: 10px;
}
}
&__page-count {
@include H7;
color: $Grey-500;
grid-column: 2;
justify-self: end;
font-weight: bold;
}
}