git.iko.soy/bridge
on df0c310 help sign in
bridge/src/components/L2/Window/BodyPane.scss
89 lines 1.5 kB history raw
1@import 'style/shared/variables';
3.body-pane {
4 display: flex;
5 flex-direction: column;
6 align-items: center;
7 justify-content: center;
9 &.spaced {
10 justify-content: space-between;
11 }
13 .between-row {
14 display: flex;
15 flex-direction: row;
16 justify-content: space-between;
17 align-items: center;
18 margin: 16px 0;
19 width: 100%;
20 }
22 .subtitle {
23 margin-top: 4px;
24 color: $dark-gray;
26 &.error-text {
27 color: $warning-red;
28 }
29 }
31 .arrow-button {
32 height: 16px;
33 width: 16px;
34 padding: 0 4px;
35 }
37 button.primary {
38 background-color: black;
39 color: white;
40 border-radius: $medium-border-radius;
41 border: none;
42 height: 32px;
43 padding: 8px 16px;
44 font-family: $default-font;
46 &:nth-child(2) {
47 margin-left: 8px;
48 }
50 &:hover {
51 opacity: 0.8;
52 }
53 }
55 button.secondary {
56 background-color: $washed-gray;
57 border-radius: $medium-border-radius;
58 border: none;
59 height: 32px;
60 padding: 8px 16px;
61 font-family: $default-font;
63 &:nth-child(2) {
64 margin-left: 8px;
65 }
67 &:hover {
68 opacity: 0.8;
69 }
70 }
72 .copy-button {
73 background-color: $washed-gray;
74 border-radius: $medium-border-radius;
75 width: 32px;
76 height: 32px;
77 display: flex;
78 flex-direction: column;
79 justify-content: center;
80 align-items: center;
81 margin-left: 8px;
83 svg {
84 font-size: 16px;
85 margin-top: 6px;
86 margin-right: 4px;
87 }
88 }