@dbcdk/react-components 0.0.164 → 0.0.165
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.
|
@@ -221,6 +221,7 @@
|
|
|
221
221
|
|
|
222
222
|
.horizontal .content {
|
|
223
223
|
padding-top: var(--spacing-lg);
|
|
224
|
+
padding-inline: var(--spacing-lg);
|
|
224
225
|
}
|
|
225
226
|
|
|
226
227
|
.footer {
|
|
@@ -228,6 +229,7 @@
|
|
|
228
229
|
background: var(--color-bg-surface-subtle);
|
|
229
230
|
display: flex;
|
|
230
231
|
justify-content: center;
|
|
232
|
+
padding-inline: var(--spacing-md);
|
|
231
233
|
|
|
232
234
|
/* When there is extra space (content is short), this pushes footer to the bottom.
|
|
233
235
|
When content is long, footer follows content normally and is reached by scrolling.
|
|
@@ -236,6 +238,10 @@
|
|
|
236
238
|
flex: 0 0 auto;
|
|
237
239
|
}
|
|
238
240
|
|
|
241
|
+
.horizontal .footer {
|
|
242
|
+
padding-inline: var(--spacing-lg);
|
|
243
|
+
}
|
|
244
|
+
|
|
239
245
|
/* Header slot wrappers */
|
|
240
246
|
.headerContainer {
|
|
241
247
|
display: flex;
|
|
@@ -244,6 +250,10 @@
|
|
|
244
250
|
padding-inline: var(--spacing-md);
|
|
245
251
|
}
|
|
246
252
|
|
|
253
|
+
.horizontal .headerContainer {
|
|
254
|
+
padding-inline: var(--spacing-lg);
|
|
255
|
+
}
|
|
256
|
+
|
|
247
257
|
.headerContent {
|
|
248
258
|
width: 100%;
|
|
249
259
|
box-sizing: border-box;
|