@dnax/ui 0.0.1 → 0.0.2
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/package.json +1 -1
- package/styles/main.css +22 -4
package/package.json
CHANGED
package/styles/main.css
CHANGED
|
@@ -580,6 +580,7 @@ html.dark body {
|
|
|
580
580
|
|
|
581
581
|
position: relative;
|
|
582
582
|
display: flex;
|
|
583
|
+
width: 100%;
|
|
583
584
|
min-height: var(--q-tabs-h);
|
|
584
585
|
}
|
|
585
586
|
|
|
@@ -611,16 +612,33 @@ html.dark body {
|
|
|
611
612
|
flex: 1 1 auto;
|
|
612
613
|
}
|
|
613
614
|
|
|
614
|
-
|
|
615
|
-
|
|
615
|
+
/* align non-justify : les tabs gardent leur taille naturelle (sinon flex:1
|
|
616
|
+
les étire toujours → center/right n'auraient aucun effet) */
|
|
617
|
+
.q-tabs--left .q-tab,
|
|
618
|
+
.q-tabs--center .q-tab,
|
|
619
|
+
.q-tabs--right .q-tab {
|
|
620
|
+
flex: 0 0 auto;
|
|
616
621
|
}
|
|
617
622
|
|
|
618
|
-
.q-tabs--
|
|
619
|
-
|
|
623
|
+
.q-tabs--dense .q-tab {
|
|
624
|
+
padding: 0 12px;
|
|
620
625
|
}
|
|
621
626
|
|
|
622
627
|
.q-tabs--stretch {
|
|
623
628
|
align-self: stretch;
|
|
629
|
+
flex: 1 1 auto;
|
|
630
|
+
}
|
|
631
|
+
|
|
632
|
+
/* Dans un parent flex (QToolbar…) sans align-items: stretch, la barre ne prend
|
|
633
|
+
que la largeur de son contenu → center/right sans effet. stretch force la
|
|
634
|
+
largeur disponible ET l'étirement sur l'axe croisé. */
|
|
635
|
+
.q-tabs--stretch.q-tabs {
|
|
636
|
+
width: 100%;
|
|
637
|
+
}
|
|
638
|
+
|
|
639
|
+
.q-tabs--shrink {
|
|
640
|
+
flex: 0 1 auto;
|
|
641
|
+
width: auto;
|
|
624
642
|
}
|
|
625
643
|
|
|
626
644
|
.q-tabs--vertical {
|