on master help sign in
bridge/src/components/L2/PendingTransaction.scss
64 lines 1.3 kB history raw
1@import 'style/shared/variables.scss';
3.pending-transaction {
4 font-size: 14px;
5 padding: 8px;
6 border: 1px solid $light-gray;
7 border-radius: $large-border-radius;
8 margin-bottom: 16px;
10 .title-row {
11 display: flex;
12 flex-direction: row;
13 justify-content: space-between;
14 align-items: center;
15 margin-bottom: 4px;
17 .title {
18 font-weight: 600;
19 }
21 .hash {
22 color: $dark-gray;
24 svg {
25 height: 18px;
26 width: 18px;
27 margin-bottom: -4px;
28 -ms-transform:rotate(315deg); /* IE9 */
29 -moz-transform: rotate(315deg); /* FF3.5/3.6 */
30 -o-transform: rotate(315deg); /* Opera 10.5 */
31 -webkit-transform: rotate(315deg); /* Saf3.1+ */
32 transform: rotate(315deg); /* Newer browsers */
34 path {
35 fill: $dark-gray;
36 }
37 }
38 }
40 .rollup-timer {
41 background-color: $rollup-yellow;
42 padding: 4px 8px;
43 width: 112px;
44 border-radius: $medium-border-radius;
45 display: flex;
46 flex-direction: row;
47 justify-content: center;
48 align-items: center;
50 svg {
51 height: 14px;
52 width: 14px;
53 margin-right: 4px;
54 }
55 }
56 }
58 .info-row {
59 display: flex;
60 flex-direction: row;
61 justify-content: space-between;
62 align-items: center;
63 }