git.iko.soy/bridge
on df0c310 help sign in
bridge/src/views/Point/MigrateL2.scss
192 lines 3.5 kB history raw
1@import 'style/shared/variables.scss';
3.migrate-l2 {
4 font-size: 14px;
6 .content {
7 padding: 0 8px;
8 line-height: 24px;
9 display: flex;
10 flex-direction: column;
11 justify-content: space-between;
12 min-height: 400px;
13 width: 100%;
15 .bold {
16 font-weight: 600;
17 }
19 .info-list {
20 margin: 40px 0;
22 .info-row {
23 margin-bottom: 24px;
24 width: 370px;
25 max-width: 100%;
27 .icon-background {
28 width: 24px;
29 min-width: 24px;
30 height: 24px;
31 background-color: black;
32 border-radius: 12px;
33 display: flex;
34 flex-direction: column;
35 justify-content: center;
36 align-items: center;
38 .icon {
39 width: 14px;
40 height: 14px;
41 font-size: 14px;
42 line-height: 14px;
43 color: white;
44 text-align: center;
45 }
46 }
48 .info-message {
49 margin-left: 16px;
50 }
52 .warning {
53 color: $warning-red;
54 font-weight: 600;
55 }
56 }
57 }
59 .hide-row {
60 display: flex;
61 flex-direction: row;
62 align-items: center;
64 .checkbox {
65 height: 16px;
66 width: 16px;
68 svg {
69 width: 18px;
70 height: 18px;
71 color: white;
72 }
73 }
75 .dont-show {
76 margin-left: 8px;
77 font-weight: 600;
78 }
79 }
81 .buttons {
82 display: flex;
83 flex-direction: row;
84 justify-content: flex-end;
85 margin-top: 16px;
87 .cancel, .proceed {
88 border-radius: $medium-border-radius;
89 border: none;
90 height: 32px;
91 font-family: $default-font;
93 &:hover {
94 opacity: 0.8;
95 }
96 }
98 .cancel {
99 margin-right: 8px;
100 background-color: $washed-gray;
101 }
103 .proceed {
104 background-color: black;
105 color: white;
106 }
107 }
109 .ship-selector {
110 .select-ship {
111 color: $dark-gray;
112 }
114 .entry {
115 display: flex;
116 flex-direction: row;
117 align-items: center;
118 cursor: pointer;
120 padding: 8px 0 8px 6px;
122 &:hover {
123 opacity: 0.8;
124 }
126 svg {
127 height: 16px;
128 width: 16px;
129 }
131 .sigil {
132 margin-right: 8px;
133 width: 24px;
134 height: 24px;
135 border-radius: $small-border-radius;
136 }
138 .layer-migration {
139 svg {
140 width: 12px;
141 height: 12px;
142 margin: 4px 2px;
143 }
144 }
145 }
147 .transfer-spawn-selector {
148 display: flex;
149 flex-direction: row;
151 .transfer {
152 margin: 16px 0px 0px;
153 cursor: pointer;
154 padding: 4px 8px;
155 display: flex;
156 flex-direction: row;
157 align-items: center;
159 .radio {
160 margin-right: 8px;
161 height: 16px;
162 width: 16px;
163 border-color: black;
165 &.selected {
166 background-color: gray;
167 }
168 }
170 &:hover {
171 opacity: 0.8;
172 }
173 }
175 .transfer {
176 margin-right: 8px;
177 }
178 }
180 .dropdown {
181 margin-top: 4px;
182 &.migrate-selector .dropdown-content {
183 max-height: 200px;
184 }
186 .selector .entry {
187 padding: 0;
188 }
189 }
190 }
191 }