@sentropic/design-system-svelte 0.34.63 → 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 -5
- package/package.json +1 -1
package/dist/AppHeader.svelte
CHANGED
|
@@ -215,8 +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:
|
|
218
|
+
margin: 0;
|
|
219
|
+
max-width: none;
|
|
220
220
|
padding: 0 var(--st-spacing-4, 1rem);
|
|
221
221
|
width: 100%;
|
|
222
222
|
}
|
|
@@ -248,8 +248,7 @@
|
|
|
248
248
|
.st-appHeader__burger {
|
|
249
249
|
align-items: center;
|
|
250
250
|
display: flex;
|
|
251
|
-
|
|
252
|
-
justify-content: flex-end;
|
|
251
|
+
margin-left: auto;
|
|
253
252
|
}
|
|
254
253
|
|
|
255
254
|
.st-appHeader__burgerButton {
|
|
@@ -421,6 +420,13 @@
|
|
|
421
420
|
outline: none;
|
|
422
421
|
}
|
|
423
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
|
+
|
|
424
430
|
.st-appHeader__actions {
|
|
425
431
|
align-items: center;
|
|
426
432
|
display: flex;
|
|
@@ -444,10 +450,12 @@
|
|
|
444
450
|
box-shadow: var(--st-shadow-medium, 0 8px 24px rgb(15 23 42 / 0.12));
|
|
445
451
|
left: 0;
|
|
446
452
|
max-height: 100vh;
|
|
453
|
+
overflow-x: hidden;
|
|
447
454
|
overflow-y: auto;
|
|
455
|
+
padding: var(--st-spacing-4, 1rem);
|
|
448
456
|
position: fixed;
|
|
449
457
|
top: 0;
|
|
450
|
-
width: min(
|
|
458
|
+
width: min(24rem, 92vw);
|
|
451
459
|
z-index: calc(var(--st-zindex-overlay, 80) + 10);
|
|
452
460
|
}
|
|
453
461
|
</style>
|