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