1
0
mirror of https://github.com/kremalicious/metamask-extension.git synced 2024-12-23 09:52:26 +01:00
metamask-extension/ui/pages/onboarding-flow/privacy-settings/index.scss
Danica Shen 00d155ce2f
feat(878): implement network txn toggle and new style (#20363)
* feat(878): implement new incoming transaction toggle networks for setting and onboarding

* Update state snapshots

* feat(878): change gaps, migration types based on comment

---------

Co-authored-by: Mark Stacey <markjstacey@gmail.com>
2023-08-24 11:27:42 +01:00

66 lines
1.1 KiB
SCSS

.privacy-settings {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
@include screen-sm-max {
margin-bottom: 24px;
}
@include screen-sm-min {
margin-bottom: 40px;
}
&__header {
display: flex;
justify-content: center;
flex-direction: column;
text-align: center;
max-width: 500px;
margin: 24px;
}
&__settings {
display: flex;
flex-direction: column;
max-width: 620px;
margin-bottom: 20px;
@include screen-sm-min {
margin-inline-start: 48px;
margin-inline-end: 48px;
}
a {
color: var(--color-primary-default);
&:hover {
cursor: pointer;
color: var(--color-primary-default);
}
}
}
&__setting {
display: flex;
justify-content: center;
flex-direction: column;
text-align: left;
max-width: 430px;
&__toggle {
margin-left: 42px;
}
}
&__network {
position: relative;
.dropdown-menu-item {
font-size: 14px !important;
padding: 8px !important;
}
}
}