@getflip/swirl-components 0.370.0 → 0.371.0

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.
@@ -205,7 +205,7 @@
205
205
  scrollbar-gutter: stable;
206
206
  display: flex;
207
207
  min-width: 0;
208
- padding: var(--s-space-16);
208
+ padding: 0 var(--s-space-16);
209
209
  background-color: var(--s-background-default);
210
210
  flex-direction: column;
211
211
  grid-area: content;
@@ -214,16 +214,33 @@
214
214
  @media (min-width: 768px) {
215
215
 
216
216
  .console-layout__content {
217
- padding: 2.5rem
217
+ padding: 0 2.5rem
218
218
  }
219
219
  }
220
220
 
221
- .console-layout--has-custom-app-bar .console-layout__content {
222
- padding-top: var(--s-space-16);
221
+ .console-layout__content-container {
222
+ display: flex;
223
+ flex-direction: column;
224
+ align-items: center;
225
+ height: 100%;
226
+ width: 100%;
223
227
  }
224
228
 
225
229
  .console-layout__integration {
226
230
  flex-grow: 1;
231
+ padding-bottom: var(--s-space-16);
232
+ }
233
+
234
+ @media (min-width: 768px) {
235
+
236
+ .console-layout__integration {
237
+ padding-bottom: 2.5rem;
238
+ }
239
+ }
240
+
241
+ .console-layout__integration {
242
+
243
+ width: 100%;
227
244
  }
228
245
 
229
246
  .console-layout__logo {
@@ -252,6 +269,23 @@
252
269
  margin-bottom: var(--s-space-24);
253
270
  flex-shrink: 0;
254
271
  gap: var(--s-space-16);
272
+ padding-top: var(--s-space-16);
273
+ }
274
+
275
+ @media (min-width: 768px) {
276
+
277
+ .console-layout__content-header {
278
+ padding-top: 2.5rem;
279
+ }
280
+ }
281
+
282
+ .console-layout__content-header {
283
+
284
+ width: 100%;
285
+ }
286
+
287
+ .console-layout--has-custom-app-bar .console-layout__content-header {
288
+ padding-top: var(--s-space-16);
255
289
  }
256
290
 
257
291
  .console-layout__back-button {