vira 31.6.2 → 31.7.1
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.
|
@@ -65,17 +65,18 @@ export const ViraTabs = defineViraElement()({
|
|
|
65
65
|
styles: ({ hostClasses, cssVars }) => {
|
|
66
66
|
return css `
|
|
67
67
|
:host {
|
|
68
|
-
display:
|
|
68
|
+
display: flex;
|
|
69
69
|
box-sizing: border-box;
|
|
70
70
|
${noUserSelect};
|
|
71
|
-
|
|
72
|
-
|
|
71
|
+
width: 100%;
|
|
72
|
+
height: 100%;
|
|
73
73
|
}
|
|
74
74
|
|
|
75
75
|
.tabs-container {
|
|
76
76
|
display: flex;
|
|
77
77
|
position: relative;
|
|
78
78
|
list-style: none;
|
|
79
|
+
overflow: hidden;
|
|
79
80
|
margin: 0;
|
|
80
81
|
padding: 0;
|
|
81
82
|
}
|
|
@@ -134,6 +135,9 @@ export const ViraTabs = defineViraElement()({
|
|
|
134
135
|
}
|
|
135
136
|
|
|
136
137
|
${hostClasses['vira-tabs-bar-bottom'].selector} {
|
|
138
|
+
border-bottom: 1px solid
|
|
139
|
+
${viraTheme.colors['vira-grey-foreground-decoration'].foreground.value};
|
|
140
|
+
|
|
137
141
|
& li::after {
|
|
138
142
|
bottom: 0;
|
|
139
143
|
left: 0;
|
|
@@ -145,6 +149,9 @@ export const ViraTabs = defineViraElement()({
|
|
|
145
149
|
}
|
|
146
150
|
|
|
147
151
|
${hostClasses['vira-tabs-bar-top'].selector} {
|
|
152
|
+
border-top: 1px solid
|
|
153
|
+
${viraTheme.colors['vira-grey-foreground-decoration'].foreground.value};
|
|
154
|
+
|
|
148
155
|
& li::after {
|
|
149
156
|
top: 0;
|
|
150
157
|
left: 0;
|
|
@@ -156,6 +163,9 @@ export const ViraTabs = defineViraElement()({
|
|
|
156
163
|
}
|
|
157
164
|
|
|
158
165
|
${hostClasses['vira-tabs-bar-left'].selector} {
|
|
166
|
+
border-left: 1px solid
|
|
167
|
+
${viraTheme.colors['vira-grey-foreground-decoration'].foreground.value};
|
|
168
|
+
|
|
159
169
|
& li::after {
|
|
160
170
|
top: 0;
|
|
161
171
|
bottom: 0;
|
|
@@ -167,6 +177,9 @@ export const ViraTabs = defineViraElement()({
|
|
|
167
177
|
}
|
|
168
178
|
|
|
169
179
|
${hostClasses['vira-tabs-bar-right'].selector} {
|
|
180
|
+
border-right: 1px solid
|
|
181
|
+
${viraTheme.colors['vira-grey-foreground-decoration'].foreground.value};
|
|
182
|
+
|
|
170
183
|
& li::after {
|
|
171
184
|
top: 0;
|
|
172
185
|
bottom: 0;
|
|
@@ -214,6 +227,11 @@ export const ViraTabs = defineViraElement()({
|
|
|
214
227
|
display: flex;
|
|
215
228
|
padding: 8px 16px;
|
|
216
229
|
}
|
|
230
|
+
|
|
231
|
+
${ViraMenuTrigger} {
|
|
232
|
+
margin-top: -1lh;
|
|
233
|
+
margin-bottom: 2.6px;
|
|
234
|
+
}
|
|
217
235
|
`;
|
|
218
236
|
},
|
|
219
237
|
render({ inputs }) {
|