@sentropic/design-system-svelte 0.34.64 → 0.34.65
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/dist/AppHeader.svelte +13 -3
- package/package.json +1 -1
package/dist/AppHeader.svelte
CHANGED
|
@@ -215,6 +215,8 @@
|
|
|
215
215
|
gap: var(--st-spacing-4, 1rem);
|
|
216
216
|
height: var(--st-component-appHeader-height, 3.5rem);
|
|
217
217
|
justify-content: space-between;
|
|
218
|
+
margin: 0;
|
|
219
|
+
max-width: none;
|
|
218
220
|
padding: 0 var(--st-spacing-4, 1rem);
|
|
219
221
|
width: 100%;
|
|
220
222
|
}
|
|
@@ -246,8 +248,7 @@
|
|
|
246
248
|
.st-appHeader__burger {
|
|
247
249
|
align-items: center;
|
|
248
250
|
display: flex;
|
|
249
|
-
|
|
250
|
-
justify-content: flex-end;
|
|
251
|
+
margin-left: auto;
|
|
251
252
|
}
|
|
252
253
|
|
|
253
254
|
.st-appHeader__burgerButton {
|
|
@@ -419,6 +420,13 @@
|
|
|
419
420
|
outline: none;
|
|
420
421
|
}
|
|
421
422
|
|
|
423
|
+
/* Variante mono-icône : carré (largeur = hauteur du control) */
|
|
424
|
+
:global(.st-appHeader__control--icon) {
|
|
425
|
+
justify-content: center;
|
|
426
|
+
padding: 0;
|
|
427
|
+
width: 2.25rem;
|
|
428
|
+
}
|
|
429
|
+
|
|
422
430
|
.st-appHeader__actions {
|
|
423
431
|
align-items: center;
|
|
424
432
|
display: flex;
|
|
@@ -442,10 +450,12 @@
|
|
|
442
450
|
box-shadow: var(--st-shadow-medium, 0 8px 24px rgb(15 23 42 / 0.12));
|
|
443
451
|
left: 0;
|
|
444
452
|
max-height: 100vh;
|
|
453
|
+
overflow-x: hidden;
|
|
445
454
|
overflow-y: auto;
|
|
455
|
+
padding: var(--st-spacing-4, 1rem);
|
|
446
456
|
position: fixed;
|
|
447
457
|
top: 0;
|
|
448
|
-
width: min(
|
|
458
|
+
width: min(24rem, 92vw);
|
|
449
459
|
z-index: calc(var(--st-zindex-overlay, 80) + 10);
|
|
450
460
|
}
|
|
451
461
|
</style>
|