@everymatrix/cashier-error 1.43.1 → 1.43.3

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/cashier-error",
3
- "version": "1.43.1",
3
+ "version": "1.43.3",
4
4
  "main": "index.js",
5
5
  "svelte": "src/index.ts",
6
6
  "scripts": {
@@ -35,5 +35,5 @@
35
35
  "publishConfig": {
36
36
  "access": "public"
37
37
  },
38
- "gitHead": "e0be02e594f762ecb10851537d8690d5e66f4e5d"
38
+ "gitHead": "4723f5370b2d6fc913a8cf6770f9f492038e54e8"
39
39
  }
@@ -80,11 +80,11 @@
80
80
  <span>{$_(`${errorcode || 'errorGeneralText'}`)}</span>
81
81
  </slot>
82
82
  {#if !hidebuttons || hidebuttons === 'false'}
83
- <div on:click={close} class="CashierErrorButton">
84
- <slot name="button">
85
- <span>{$_('errorGeneralButton')}</span>
86
- </slot>
87
- </div>
83
+ <slot name="button">
84
+ <button on:click={close} class="CashierErrorButton">
85
+ <span>{$_('errorGeneralButton')}</span>
86
+ </button>
87
+ </slot>
88
88
  {/if}
89
89
  </div>
90
90
  </div>
@@ -92,19 +92,23 @@
92
92
 
93
93
  <style lang="scss">
94
94
  .CashierError {
95
+ height: inherit;
95
96
  display: flex;
96
97
  width: 100%;
97
98
  justify-content: center;
99
+ align-items: center;
100
+ overflow: hidden auto;
98
101
  }
99
102
  .CashierErrorContent {
100
103
  display: flex;
101
104
  flex-direction: column;
102
105
  width: 100%;
103
- max-width: 400px;
106
+ max-width: 300px;
104
107
  align-items: center;
105
108
  gap: var(--emw--spacing-large, 20px);
106
109
  box-sizing: border-box;
107
- padding: 0 var(--emw--spacing-medium, 15px);
110
+ padding: 1px var(--emw--spacing-medium, 15px);
111
+ height: inherit;
108
112
  }
109
113
  .CashierErrorTitle {
110
114
  color: var(--emw--color-black, #000);
@@ -121,20 +125,17 @@
121
125
  text-align: center;
122
126
  }
123
127
  .CashierErrorButton {
124
- display: flex;
125
128
  width: 100%;
126
129
  height: 36px;
127
- flex-direction: column;
128
- justify-content: center;
129
- flex-shrink: 0;
130
130
  color: var(--emw--color-white, #FFF);
131
- cursor: pointer;
132
131
  text-align: center;
132
+ cursor: pointer;
133
133
  font-size: var(--emw--font-size-x-small, 12px);
134
134
  font-style: normal;
135
135
  font-weight: var(--emw--font-weight-semibold, 500);
136
136
  font-family: inherit;
137
137
  line-height: 36px;
138
+ border: none;
138
139
  border-radius: var(--emw--border-radius-medium, 4px);
139
140
  background: var(--emw--color-primary, #7EC51E);
140
141
  &:hover {