@streamscloud/embeddable 16.2.2 → 16.2.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.
|
@@ -142,14 +142,14 @@ const handleAdClick = () => {
|
|
|
142
142
|
display: flex;
|
|
143
143
|
justify-content: flex-end;
|
|
144
144
|
align-items: center;
|
|
145
|
-
|
|
145
|
+
height: 3rem;
|
|
146
146
|
overflow: hidden;
|
|
147
147
|
min-width: 0;
|
|
148
148
|
/* Set 'container-type: inline-size;' to reference container*/
|
|
149
149
|
}
|
|
150
150
|
@container (width < 230px) {
|
|
151
151
|
.ad-card__price-container {
|
|
152
|
-
|
|
152
|
+
height: 2rem;
|
|
153
153
|
}
|
|
154
154
|
}
|
|
155
155
|
.ad-card__button-container {
|
|
@@ -157,15 +157,13 @@ const handleAdClick = () => {
|
|
|
157
157
|
display: flex;
|
|
158
158
|
justify-content: center;
|
|
159
159
|
align-items: end;
|
|
160
|
-
|
|
161
|
-
margin-top: 0.125rem;
|
|
160
|
+
margin-top: 0.625rem;
|
|
162
161
|
min-width: 0;
|
|
163
162
|
/* Set 'container-type: inline-size;' to reference container*/
|
|
164
163
|
}
|
|
165
164
|
@container (width < 230px) {
|
|
166
165
|
.ad-card__button-container {
|
|
167
|
-
|
|
168
|
-
margin-top: 0.0938rem;
|
|
166
|
+
margin-top: 0.375rem;
|
|
169
167
|
}
|
|
170
168
|
}
|
|
171
169
|
.ad-card__button-text {
|
|
@@ -46,7 +46,7 @@ const onBuyClicked = (event) => {
|
|
|
46
46
|
};
|
|
47
47
|
</script>
|
|
48
48
|
|
|
49
|
-
<div class="product-card" inert={inert} use:trackImpression>
|
|
49
|
+
<div class="product-card" class:product-card--with-buy={!!on?.buy} inert={inert} use:trackImpression>
|
|
50
50
|
<ProportionalContainer ratio={1}>
|
|
51
51
|
<Image src={product.image} />
|
|
52
52
|
</ProportionalContainer>
|
|
@@ -123,6 +123,9 @@ const onBuyClicked = (event) => {
|
|
|
123
123
|
padding: 0.5rem 0.5rem 0.75rem;
|
|
124
124
|
}
|
|
125
125
|
}
|
|
126
|
+
.product-card--with-buy {
|
|
127
|
+
aspect-ratio: auto;
|
|
128
|
+
}
|
|
126
129
|
.product-card__info {
|
|
127
130
|
display: flex;
|
|
128
131
|
flex-direction: column;
|
|
@@ -191,7 +194,7 @@ const onBuyClicked = (event) => {
|
|
|
191
194
|
.product-card__buy {
|
|
192
195
|
position: relative;
|
|
193
196
|
z-index: 1;
|
|
194
|
-
margin-top: 0.
|
|
197
|
+
margin-top: 0.625rem;
|
|
195
198
|
--sc-kit--button--background: light-dark(
|
|
196
199
|
var(--sc-player--light--card-button, #f2f2f2),
|
|
197
200
|
var(--sc-player--dark--card-button, #2e2e2e)
|
|
@@ -201,7 +204,7 @@ const onBuyClicked = (event) => {
|
|
|
201
204
|
}
|
|
202
205
|
@container (width < 230px) {
|
|
203
206
|
.product-card__buy {
|
|
204
|
-
margin-top: 0.
|
|
207
|
+
margin-top: 0.375rem;
|
|
205
208
|
}
|
|
206
209
|
}
|
|
207
210
|
.product-card__link {
|