juice-shop

1
.playground-wallet {
2
  display: flex;
3
  justify-content: center;
4
  margin-bottom: 18px;
5
}
6

7
.sandbox-container {
8
  margin: 32px;
9

10
  &_body {
11
    display: flex;
12
    flex-direction: row;
13
    gap: 32px;
14
    padding: 40px;
15
  }
16

17
  &_body_left {
18
    display: flex;
19
    flex-direction: column;
20
    width: 70%;
21
  }
22

23
  &_body_right {
24
    align-items: flex-start;
25
    display: flex;
26
    flex-direction: column;
27
    width: 30%;
28
  }
29
}
30
@media (max-width: 840px) {
31
  .sandbox-container_body {
32
    flex-direction: column;
33
  }
34

35
  .sandbox-container_body_left,
36
  .sandbox-container_body_right {
37
    width: 100%;
38
  }
39
}
40

41
.deployedaddresstext {
42
  color: rgb(45, 151, 45);
43
  font-weight: 600;
44
  margin: 10px 0;
45
  word-break: break-all;
46
}
47

48
.invokecontainer {
49
  display: flex;
50
  flex-direction: column;
51
  margin-top: 16px;
52
  max-height: 200px;
53
  overflow: scroll;
54
  padding: 16px;
55
  width: 100%;
56
}
57

58
.error-container {
59
  display: flex;
60
  flex-direction: column;
61
  margin: 16px 0;
62
  max-height: 300px;
63
  overflow: scroll;
64
  padding: 16px;
65

66
  ul {
67
    font-size: 12px;
68
    padding-left: 16px;
69
  }
70
}
71

72
.editor-title {
73
  font-size: 20px;
74
  font-weight: 500;
75
  margin-bottom: 16px;
76
  padding: 0 8px;
77
  width: 100%;
78
}
79

80
.function-container {
81
  display: flex;
82
  flex-direction: column;
83
  margin-top: 8px;
84
}
85

86
.functionwtext-container {
87
  align-items: flex-start;
88
  display: flex;
89
  justify-content: space-between;
90
  margin-top: 8px;
91
}
92

93
.output-container {
94
  display: flex;
95
  width: 100%;
96
  word-break: break-all;
97
}
98

99
.invoke-btncontainer {
100
  display: flex;
101
  justify-content: space-between;
102
}
103

104
.invoke-output {
105
  font-size: 12px;
106
  padding: 4px;
107
}
108

109
h2 {
110
  margin: 0;
111
}
112

113
ul {
114
  padding-left: 16px;
115
}
116

117
.contracts-title {
118
  font-weight: 500;
119
  margin-top: 16px;
120
}
121