@everymatrix/player-active-bonuses 0.0.251 → 0.0.254

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.
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@everymatrix/player-active-bonuses",
3
- "version": "0.0.251",
3
+ "version": "0.0.254",
4
4
  "main": "dist/player-active-bonuses",
5
5
  "svelte": "src/index.ts",
6
6
  "scripts": {
@@ -36,5 +36,5 @@
36
36
  "publishConfig": {
37
37
  "access": "public"
38
38
  },
39
- "gitHead": "d39a0752d3212dfa393748d70c01eb211ac4c902"
39
+ "gitHead": "454ff35bbd275f884b20cf31dae10609840f5abc"
40
40
  }
@@ -255,9 +255,6 @@
255
255
  {#if bonusModal}
256
256
  <div class="ModalWrapper {isMobile ? 'ModalWrapperMobile' : ''}" part="ModalWrapper {isMobile ? 'ModalWrapperMobile' : ''}">
257
257
  <div class="ModalContent" part="ModalContent">
258
- {#if !isMobile}
259
- <span class="ModalClose" part="ModalClose" on:click={closeBonusModal} />
260
- {/if}
261
258
  <div class="ModalBody" part="ModalBody">
262
259
  <p class="ModalText" part="ModalText">{$_('activeBonuses.forfeitBonus')}</p>
263
260
  <div class="ModalButtons" part="ModalButtons">
@@ -451,40 +448,21 @@
451
448
  display: flex;
452
449
  justify-content: center;
453
450
  align-items: center;
451
+ z-index: 100;
454
452
  .ModalContent {
455
453
  background-color: var(--emfe-w-color-white, #FFFFFF);
456
454
  position: relative;
457
- padding: 80px;
455
+ padding: 30px;
458
456
  border-top: 5px solid var(--emfe-w-color-secondary, #FD2839);
459
457
  border-radius: 5px;
460
- .ModalClose {
461
- position: absolute;
462
- top: 15px;
463
- right: 15px;
464
- width: 36px;
465
- height: 36px;
466
- cursor: pointer;
467
- &:before, &:after {
468
- content: '';
469
- position: absolute;
470
- top: 16px;
471
- left: -2px;
472
- width: 40px;
473
- height: 4px;
474
- background-color: var(--emfe-w-color-secondary, #FD2839);
475
- transform: rotate(45deg);
476
- }
477
- &:after {
478
- transform: rotate(-45deg);
479
- }
480
- }
481
458
  }
482
459
  .ModalBody {
483
460
  background-color: var(--emfe-w-color-gray-50, #F9F8F8);
484
- padding: 30px 60px;
461
+ padding: 30px;
485
462
  text-align: center;
486
463
  .ModalText {
487
- font-size: 26px;
464
+ font-size: 22px;
465
+ margin-bottom: 40px;
488
466
  }
489
467
  .ModalButtons {
490
468
  display: flex;
@@ -496,9 +474,9 @@
496
474
  color: var(--emfe-w-color-gray-300, #58586B);
497
475
  cursor: pointer;
498
476
  border-radius: 5px;
499
- width: 330px;
500
- height: 80px;
501
- font-size: 22px;
477
+ width: 200px;
478
+ height: 50px;
479
+ font-size: 16px;
502
480
  text-transform: uppercase;
503
481
  text-align: center;
504
482
  transition-duration: 0.3s;