git.iko.soy/bridge
on master help sign in
bridge/src/components/L2/Dropdowns/FeeDropdown.scss
71 lines 1.3 kB history raw
1@import 'style/shared/variables.scss';
3.fee-dropdown {
4 font-size: 14px;
5 position: relative;
7 &.custom {
8 background-color: $washed-gray;
9 padding: 4px;
10 border-radius: $medium-border-radius;
11 display: flex;
12 flex-direction: row;
13 justify-content: space-between;
14 align-items: center;
15 cursor: pointer;
17 .custom-input {
18 font-family: "Inter", -apple-system, BlinkMacSystemFont, Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji";
19 height: 24px;
20 width: 134px;
21 border: none;
22 background-color: $washed-gray;
23 }
25 svg {
26 width: 16px;
27 height: 14px;
28 margin-right: 6px;
29 }
30 }
32 .selector {
33 min-width: 150px;
34 }
36 .content-border {
37 z-index: 3;
39 .dropdown-content {
40 .prices {
41 .price {
42 display: flex;
43 flex-direction: row;
44 align-items: center;
45 cursor: pointer;
46 line-height: 20px;
48 padding: 8px 12px 8px 16px;
50 &:hover {
51 opacity: 0.8;
52 }
54 .speed {
55 font-weight: 600;
56 margin-right: 4px;
57 }
59 .time {
60 color: $dark-gray;
61 font-weight: 600;
62 }
64 .unit {
65 margin-left: 4px;
66 }
67 }
68 }
69 }
70 }