gatsby-core-theme 25.0.13 → 25.0.14

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.
Files changed (6) hide show
  1. package/CHANGELOG.md +8 -0
  2. package/package.json +1 -1
  3. package/src/components/atoms/operator-cta-button/operator-cta-button.module.scss +1 -1
  4. package/src/components/molecules/bonus/template-one/bonus.module.scss +60 -31
  5. package/src/components/molecules/bonus/template-one/index.js +3 -1
  6. package/src/components/molecules/bonus/template-two/bonus.module.scss +8 -0
package/CHANGELOG.md CHANGED
@@ -1,3 +1,11 @@
1
+ ## [25.0.14](https://git.ilcd.rocks/team-floyd/themes/gatsby-themes/compare/v25.0.13...v25.0.14) (2023-08-10)
2
+
3
+
4
+ ### Bug Fixes
5
+
6
+ * make style ([f6c8181](https://git.ilcd.rocks/team-floyd/themes/gatsby-themes/commit/f6c8181e972a5a7165a927d428dfb12fb6a8b114))
7
+ * make style ([29332fc](https://git.ilcd.rocks/team-floyd/themes/gatsby-themes/commit/29332fcbfae0121b686f2889ca33c88695c85a73))
8
+
1
9
  ## [25.0.13](https://git.ilcd.rocks/team-floyd/themes/gatsby-themes/compare/v25.0.12...v25.0.13) (2023-08-07)
2
10
 
3
11
 
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "gatsby-core-theme",
3
- "version": "25.0.13",
3
+ "version": "25.0.14",
4
4
  "description": "Gatsby Theme NPM Package",
5
5
  "main": "index.js",
6
6
  "directories": {
package/src/components/atoms/operator-cta-button/operator-cta-button.module.scss CHANGED
@@ -27,7 +27,7 @@
27
27
  }
28
28
 
29
29
  .primary {
30
- @include buttonsColor(var(--primary-button-color, #5545A9), var(--primary-button-color-hover, #776ABA), var(--primary-button-color-active, #998FCB), var(--primary-button-color-text, #FFFFFF));
30
+ @include buttonsColor(var(--primary-button-color, #6E33E5), var(--primary-button-color-hover, #776ABA), var(--primary-button-color-active, #998FCB), var(--primary-button-color-text, #FFFFFF));
31
31
  white-space: nowrap;
32
32
 
33
33
  &.not_recommended,
package/src/components/molecules/bonus/template-one/bonus.module.scss CHANGED
@@ -7,42 +7,45 @@
7
7
  padding: 1.6rem;
8
8
  gap: 1.6rem;
9
9
 
10
- > div {
10
+ >div {
11
11
  width: 100%;
12
12
  @include flex-direction(column);
13
13
  gap: 1.6rem;
14
-
15
- img {
16
- min-width: 7.2rem;
17
- width: 7.2rem;
18
- height: 7.2rem;
19
- border-radius: 0.8rem;
20
- }
21
14
  }
22
15
 
23
- > a {
16
+
17
+ >a {
24
18
  width: 100%;
25
19
  border-radius: 10rem;
26
20
  font-size: 1.4rem;
27
21
  font-style: normal;
28
22
  font-weight: 700;
29
23
  line-height: 2.2rem;
30
- > svg {
24
+
25
+ >svg {
31
26
  width: 1.4rem;
32
27
  }
33
28
  }
34
29
  }
30
+
35
31
  .logo {
36
32
  cursor: pointer;
37
33
  height: 7.2rem;
38
34
  @include flex-direction(row);
39
35
  gap: 16px;
36
+ > img {
37
+ min-width: 7.2rem;
38
+ width: 7.2rem;
39
+ height: 7.2rem;
40
+ border-radius: 0.8rem;
41
+ }
40
42
  }
41
43
 
42
44
  .details {
43
45
  @include flex-direction(column);
44
46
  @include flex-align(flex-start, center);
45
- > span:first-of-type {
47
+
48
+ >span:first-of-type {
46
49
  color: #1b1b1c;
47
50
  font-size: 1.6rem;
48
51
  font-style: normal;
@@ -50,7 +53,8 @@
50
53
  line-height: 2.7rem;
51
54
  margin-bottom: 0.8rem;
52
55
  }
53
- > div {
56
+
57
+ >div {
54
58
  border-radius: 100px;
55
59
  background: #fff;
56
60
  border: 0px;
@@ -59,10 +63,12 @@
59
63
  width: 7.6rem;
60
64
  @include flex-direction(row);
61
65
  @include flex-align(center, center);
62
- > span:first-of-type {
66
+
67
+ >span:first-of-type {
63
68
  margin-right: 0.4rem;
64
69
  }
65
- > span:last-of-type {
70
+
71
+ >span:last-of-type {
66
72
  font-size: 11px;
67
73
  margin-top: 0.2rem;
68
74
  }
@@ -78,7 +84,8 @@
78
84
  @include flex-direction(column);
79
85
  @include flex-align(center, center);
80
86
  border: 1px solid #fff;
81
- > div {
87
+
88
+ >div {
82
89
  background-color: #f4f4f4;
83
90
  width: 100%;
84
91
  box-sizing: border-box;
@@ -93,6 +100,7 @@
93
100
  line-height: 1.4rem;
94
101
  padding: 0.8rem 2rem;
95
102
  }
103
+
96
104
  span:first-of-type {
97
105
  color: var(--operator-banner-first-bonus, #1b1b1c);
98
106
  text-align: center;
@@ -100,8 +108,8 @@
100
108
  font-style: normal;
101
109
  font-weight: 700;
102
110
  line-height: 2.7rem;
103
- margin-top: 0.8rem;
104
111
  padding-right: 0;
112
+ margin: 0.8rem 0.8rem 0 0.8rem;
105
113
  }
106
114
 
107
115
  span:last-of-type {
@@ -112,7 +120,7 @@
112
120
  font-weight: 700;
113
121
  line-height: 2.2rem;
114
122
  padding: 0;
115
- margin-bottom: 0.7rem;
123
+ margin: 0 0.8rem 0.8rem 0.8rem;
116
124
  }
117
125
  }
118
126
 
@@ -122,7 +130,7 @@
122
130
  @include flex-direction(row);
123
131
  @include flex-align(center, center);
124
132
 
125
- > a {
133
+ >a {
126
134
  min-height: 5.6rem;
127
135
  max-width: 19.7rem;
128
136
  font-size: 1.8rem;
@@ -130,28 +138,43 @@
130
138
  line-height: 2.6rem;
131
139
  }
132
140
 
133
- > div {
141
+ >div {
134
142
  @include flex-direction(row);
135
143
  @include flex-align(center, flex-start);
136
- img {
137
- min-width: 9.6rem;
138
- height: 9.6rem;
144
+ }
145
+ }
146
+ .tncEnable{
147
+ >div{
148
+ gap: 2.4rem;
149
+ >div{
150
+ gap: 2.4rem;
139
151
  }
140
152
  }
141
153
  }
142
-
143
154
  .logo {
144
155
  @include flex-direction(row);
145
156
  @include flex-align(center, center);
146
157
  gap: 1.6rem;
147
158
  height: auto;
148
- }
149
159
 
160
+ >img {
161
+ min-width:6.4rem;
162
+ width:6.4rem;
163
+ height:6.4rem;
164
+ }
165
+ }
166
+ .tncEnable .logo{
167
+ >img{
168
+ min-width:9.6rem;
169
+ width:9.6rem;
170
+ height:9.6rem;
171
+ }
172
+ }
150
173
  .details {
151
174
  display: flex;
152
175
  flex-direction: column;
153
176
 
154
- > span:first-of-type {
177
+ >span:first-of-type {
155
178
  color: var(--operator-banner-name-color, #1b1b1c);
156
179
  font-size: 1.4rem;
157
180
  font-style: normal;
@@ -164,8 +187,8 @@
164
187
  }
165
188
 
166
189
  .showTncFixed {
167
- > div {
168
- > div:last-child {
190
+ >div {
191
+ >div:last-child {
169
192
  height: 42px;
170
193
  overflow-y: scroll;
171
194
  color: #515156;
@@ -173,11 +196,13 @@
173
196
  font-style: normal;
174
197
  font-weight: 400;
175
198
  line-height: 14px;
199
+ padding-right: 1rem;
176
200
 
177
201
  &::-webkit-scrollbar {
178
202
  width: 4px;
179
203
  border-radius: 2px;
180
204
  }
205
+
181
206
  &::-webkit-scrollbar-track {
182
207
  background: #cacaca;
183
208
  border-radius: 2px;
@@ -189,24 +214,28 @@
189
214
  }
190
215
  }
191
216
  }
217
+
192
218
  @include min(tablet) {
193
219
  >div {
194
220
  display: grid;
195
221
  grid-template-columns: 1fr 20rem;
196
222
  grid-template-rows: auto auto;
197
- > div:last-of-type {
223
+
224
+ >div:last-of-type {
198
225
  grid-column: 1/3;
199
226
  grid-row: 2/3;
200
227
  display: block;
201
228
  }
202
- > a {
229
+
230
+ >a {
203
231
  grid-row: 1/2;
204
232
  grid-column: 2/3;
205
233
  }
206
- > div:first-of-type {
234
+
235
+ >div:first-of-type {
207
236
  grid-row: 1/2;
208
237
  grid-column: 1/2;
209
238
  }
210
239
  }
211
240
  }
212
- }
241
+ }
package/src/components/molecules/bonus/template-one/index.js CHANGED
@@ -30,7 +30,9 @@ export default function Bonus({
30
30
 
31
31
  return (
32
32
  <div
33
- className={`${styles.operatorBanner || ''} ${showTncFixed ? styles.showTncFixed || '' : ''}`}
33
+ className={`${styles.operatorBanner || ''} ${tncEnable ? styles.tncEnable : ''} ${
34
+ showTncFixed ? styles.showTncFixed || '' : ''
35
+ }`}
34
36
  >
35
37
  <div className={styles.container}>
36
38
  <div>
package/src/components/molecules/bonus/template-two/bonus.module.scss CHANGED
@@ -86,6 +86,7 @@
86
86
  bottom: 1rem;
87
87
  margin-left: auto;
88
88
  margin-right: auto;
89
+ padding: 0.8rem 1.6rem;
89
90
  > svg {
90
91
  right: 10px;
91
92
  top: -7px;
@@ -97,6 +98,7 @@
97
98
  border-top: 0;
98
99
  background: #f4f4f4;
99
100
  box-shadow: 0px 4px 12px 0px rgba(27, 27, 28, 0.08);
101
+ padding-right: 1rem;
100
102
  }
101
103
  .tncEnable .bonus {
102
104
  > span {
@@ -112,8 +114,10 @@
112
114
  }
113
115
  .tncEnable .closeBtn {
114
116
  background-color: #b5b5b5;
117
+ color: rgb(100, 100, 109) !important;
115
118
  }
116
119
  .showTncFixed {
120
+ border-top: 1.5px solid var(--ui-kit-colours-white-900, #DEDEDE);
117
121
  > div {
118
122
  display: grid;
119
123
  grid-template-columns: 1fr 8rem;
@@ -148,6 +152,7 @@
148
152
  grid-row: 1/2;
149
153
  }
150
154
  }
155
+
151
156
  }
152
157
  @include min(tablet) {
153
158
  .operatorBanner {
@@ -164,6 +169,9 @@
164
169
  font-weight: 700;
165
170
  line-height: 2.6rem;
166
171
  text-transform: capitalize;
172
+ @include min(laptop){
173
+ min-width: 19.7rem;
174
+ }
167
175
  > svg {
168
176
  display: block;
169
177
  font-size: 15px;