@everymatrix/player-lugas-limit 1.72.0 → 1.72.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -9,7 +9,7 @@
9
9
  left: 0;
10
10
  width: 100vw;
11
11
  height: 100vh;
12
- background-color: rgba(0, 0, 0, 0.5);
12
+ background-color: var(--emw--color-black-transparency-50, rgba(0, 0, 0, 0.5));
13
13
  display: flex;
14
14
  justify-content: center;
15
15
  align-items: center;
@@ -17,7 +17,7 @@
17
17
  container-type: inline-size;
18
18
  }
19
19
  .ModalContainer hr {
20
- border: 1px solid rgba(0, 0, 0, 0.1);
20
+ border: 1px solid var(--emw--color-black-transparency-10, rgba(0, 0, 0, 0.1));
21
21
  margin: 10px 0px;
22
22
  }
23
23
  .ModalContainer p {
@@ -46,21 +46,12 @@
46
46
  position: fixed;
47
47
  top: 30vh;
48
48
  width: 320px;
49
- background: var(--emw--color-white, #fff);
49
+ background: var(--emw--color-white, #FFF);
50
50
  display: flex;
51
51
  flex-direction: column;
52
52
  justify-content: space-between;
53
- transform: scale(1.1);
54
53
  border-radius: 4px;
55
- overflow: hidden;
56
- }
57
- .ModalContainer .ValidatorContainer {
58
- display: flex;
59
- flex-direction: column;
60
- justify-content: space-between;
61
- }
62
- .ModalContainer .Paragraphs:not(:last-child) {
63
- margin-bottom: 20px;
54
+ transform: scale(1.1);
64
55
  }
65
56
  .ModalContainer .ModalHeader {
66
57
  display: flex;
@@ -123,12 +114,6 @@
123
114
  .ModalContainer .ModalBody .ChooseLimitLabel {
124
115
  text-transform: uppercase;
125
116
  }
126
- .ModalContainer .ModalBody .LimitAmountWrapper {
127
- display: flex;
128
- flex-direction: column;
129
- gap: 10px;
130
- position: relative;
131
- }
132
117
  .ModalContainer .ModalBody .PredefinedAmounts {
133
118
  display: flex;
134
119
  justify-content: space-between;
@@ -169,25 +154,63 @@
169
154
  .ModalContainer .ModalBody .SetLimitBtn {
170
155
  margin-top: 10px;
171
156
  }
172
- .ModalContainer .ModalFooter {
157
+ .ModalContainer .ValidatorContainer {
158
+ display: flex;
159
+ flex-direction: column;
160
+ justify-content: space-between;
161
+ }
162
+ .ModalContainer .Paragraphs:not(:last-child) {
163
+ margin-bottom: 20px;
164
+ }
165
+ .ModalContainer .LimitAmountWrapper {
166
+ display: flex;
167
+ flex-direction: column;
168
+ gap: 10px;
169
+ position: relative;
170
+ }
171
+
172
+ .ModalFooter {
173
173
  padding-top: 12px;
174
174
  margin: 5px 0px;
175
175
  }
176
- .ModalContainer .Link {
176
+
177
+ .Link {
177
178
  color: inherit;
178
179
  text-decoration: underline;
179
180
  cursor: pointer;
180
181
  }
181
- .ModalContainer .Link.Inactive {
182
+ .Link.Inactive {
182
183
  cursor: default;
183
184
  color: var(--emw--color-gray-150, #808080);
184
185
  }
185
- .ModalContainer .PrivacyNote {
186
- font-size: var(--emw--font-size-x-small, 10px);
187
- font-style: italic;
186
+
187
+ .ContainerButtons {
188
+ display: flex;
189
+ justify-content: space-around;
190
+ gap: 10px;
191
+ padding-top: 5px;
192
+ }
193
+ .ContainerButtons .FirstButton {
194
+ background-color: var(--emw--color-white, #FFF);
195
+ font-weight: bold;
196
+ color: var(--emw--button-color, #002554);
197
+ font-size: var(--emw--font-size-small, 10px);
198
+ border: 2.5px solid var(--emw--button-border-color, #DEE2E6);
199
+ width: 100%;
200
+ cursor: pointer;
188
201
  }
189
- .ModalContainer .ExistingLimit {
190
- margin-bottom: 15px;
202
+ .ContainerButtons .SecondButton {
203
+ background-color: var(--emw--color-primary, #6BB816);
204
+ border: none;
205
+ cursor: pointer;
206
+ font-weight: bold;
207
+ font-size: var(--emw--font-size-small, 10px);
208
+ color: var(--emw--color-white, #FFF);
209
+ width: 100%;
210
+ }
211
+ .ContainerButtons button {
212
+ width: 240px;
213
+ height: 30px;
191
214
  }
192
215
 
193
216
  input {
@@ -213,7 +236,7 @@ input::-webkit-outer-spin-button, input::-webkit-inner-spin-button {
213
236
  .LoadingWrapper {
214
237
  width: 100%;
215
238
  height: 100%;
216
- background: rgba(255, 255, 255, 0.8);
239
+ background: var(--emw--color-white-transparency-80, rgba(255, 255, 255, 0.8));
217
240
  position: absolute;
218
241
  display: flex;
219
242
  justify-content: center;