git.iko.soy/bridge
on df0c310 help sign in
bridge/src/components/L2/Dropdowns/AccountsDropdown.scss
137 lines 2.4 kB history raw
1@import 'style/shared/variables.scss';
3.accounts-dropdown {
4 font-size: 14px;
5 position: relative;
7 .selector, .dropdown-content .entry.point {
8 font-family: "Source Code Pro", "Roboto mono", "Courier New", monospace;
9 }
11 .points {
12 max-height: 180px;
13 overflow-y: scroll;
14 -ms-overflow-style: none;
15 scrollbar-width: none;
17 &::-webkit-scrollbar {
18 display: none;
19 }
20 }
22 .content-border {
23 .dropdown-content {
24 .entry, .current-address {
25 display: flex;
26 flex-direction: row;
27 justify-content: space-between;
28 align-items: center;
29 cursor: pointer;
31 padding: 8px 10px 8px 18px;
33 &.point {
34 padding: 8px 10px 8px 10px;
35 }
37 &.selected {
38 background-color: black;
39 color: white;
41 &:hover {
42 background-color: black;
43 }
44 }
46 &:hover {
47 background-color: $washed-gray;
48 }
50 svg {
51 height: 16px;
52 width: 16px;
53 }
55 .sigil {
56 width: 24px;
57 height: 24px;
58 border-radius: $small-border-radius;
59 }
61 .layer-migration {
62 svg {
63 width: 12px;
64 height: 12px;
65 margin: 4px 2px;
66 }
67 }
68 }
70 .divider {
71 width: 100%;
72 height: 1px;
73 background-color: $light-gray;
74 }
75 }
76 }
79.migrate-modal {
80 padding: 16px;
81 background-color: white;
82 border-radius: $medium-border-radius;
83 line-height: 24px;
84 position: relative;
85 width: 368px;
86 max-width: 100%;
88 .close {
89 position: absolute;
90 top: 3px;
91 right: 8px;
92 font-size: 18px;
93 font-weight: 200;
94 cursor: pointer;
95 }
97 .title {
98 font-weight: 700;
99 }
101 .message {
102 width: 340px;
103 }
105 .warning {
106 font-weight: 600;
107 color: $warning-red;
108 }
110 .buttons {
111 display: flex;
112 flex-direction: row;
113 justify-content: flex-end;
114 margin-top: 24px;
116 .cancel, .migrate {
117 border-radius: $medium-border-radius;
118 border: none;
119 height: 32px;
120 font-family: $default-font;
122 &:hover {
123 opacity: 0.8;
124 }
125 }
127 .cancel {
128 margin-right: 8px;
129 background-color: $washed-gray;
130 }
132 .migrate {
133 background-color: black;
134 color: white;
135 }
136 }