@dnax/ui 0.0.6 → 0.0.7
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/components/QTab.vue +2 -0
- package/package.json +1 -1
- package/styles/main.css +6 -0
package/components/QTab.vue
CHANGED
|
@@ -96,6 +96,8 @@ const tabClasses = computed(() =>
|
|
|
96
96
|
(props.noCaps || tabs?.noCaps.value) && "q-tab--no-caps",
|
|
97
97
|
props.disable && "q-tab--disabled",
|
|
98
98
|
tabs?.inlineLabel.value && "q-tab--inline-label",
|
|
99
|
+
// Icône empilée au-dessus du label : padding vertical pour l'aérer du cadre
|
|
100
|
+
props.icon && !tabs?.inlineLabel.value && "q-tab--stacked-icon",
|
|
99
101
|
),
|
|
100
102
|
)
|
|
101
103
|
|
package/package.json
CHANGED
package/styles/main.css
CHANGED
|
@@ -858,6 +858,12 @@ html.dark body {
|
|
|
858
858
|
gap: 8px;
|
|
859
859
|
}
|
|
860
860
|
|
|
861
|
+
/* Icône empilée au-dessus du label : aérer l'icône du haut du cadre (le tab
|
|
862
|
+
n'a que du padding horizontal par défaut) et le label du bas */
|
|
863
|
+
.q-tab--stacked-icon {
|
|
864
|
+
padding: 8px 16px;
|
|
865
|
+
}
|
|
866
|
+
|
|
861
867
|
.q-tab__icon {
|
|
862
868
|
width: 1.3em;
|
|
863
869
|
height: 1.3em;
|