Skip to content

Commit 4edc61b

Browse files
danharrindanharrin
authored
fix: Fused group inconsistent bg color and height (#18372)
1 parent bf4515c commit 4edc61b

File tree

2 files changed

+54
-6
lines changed

2 files changed

+54
-6
lines changed

‎packages/panels/dist/theme.css‎

Lines changed: 1 addition & 1 deletion
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎packages/schemas/resources/css/components/fused-group.css‎

Lines changed: 53 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -4,17 +4,17 @@
44
}
55

66
& .fi-sc {
7-
@apply gap-px rounded-lg bg-gray-950/10 dark:bg-white/20;
7+
@apply divide-y divide-gray-950/10 rounded-lg dark:divide-white/20;
88

99
& .fi-sc-component {
10-
@apply h-full;
10+
@apply min-h-full;
1111

1212
& .fi-fo-field {
13-
@apply h-full;
13+
@apply min-h-full;
1414
}
1515

1616
& .fi-input {
17-
@apply h-full;
17+
@apply min-h-full;
1818
}
1919
}
2020

@@ -27,6 +27,8 @@
2727
}
2828

2929
&.fi-grid-cols {
30+
@apply divide-x divide-y-0;
31+
3032
& > :first-child .fi-input-wrp {
3133
@apply rounded-se-none rounded-es-lg;
3234
}
@@ -37,6 +39,8 @@
3739
}
3840

3941
&.sm\:fi-grid-cols {
42+
@apply sm:divide-x sm:divide-y-0;
43+
4044
& > :first-child .fi-input-wrp {
4145
@apply sm:rounded-se-none sm:rounded-es-lg;
4246
}
@@ -47,6 +51,8 @@
4751
}
4852

4953
&.md\:fi-grid-cols {
54+
@apply md:divide-x md:divide-y-0;
55+
5056
& > :first-child .fi-input-wrp {
5157
@apply md:rounded-se-none md:rounded-es-lg;
5258
}
@@ -57,6 +63,8 @@
5763
}
5864

5965
&.lg\:fi-grid-cols {
66+
@apply lg:divide-x lg:divide-y-0;
67+
6068
& > :first-child .fi-input-wrp {
6169
@apply lg:rounded-se-none lg:rounded-es-lg;
6270
}
@@ -67,6 +75,8 @@
6775
}
6876

6977
&.xl\:fi-grid-cols {
78+
@apply xl:divide-x xl:divide-y-0;
79+
7080
& > :first-child .fi-input-wrp {
7181
@apply xl:rounded-se-none xl:rounded-es-lg;
7282
}
@@ -77,6 +87,8 @@
7787
}
7888

7989
&.\32xl\:fi-grid-cols {
90+
@apply 2xl:divide-x 2xl:divide-y-0;
91+
8092
& > :first-child .fi-input-wrp {
8193
@apply 2xl:rounded-se-none 2xl:rounded-es-lg;
8294
}
@@ -88,6 +100,8 @@
88100

89101
@supports (container-type: inline-size) {
90102
&.\@3xs\:fi-grid-cols {
103+
@apply @3xs:divide-x @3xs:divide-y-0;
104+
91105
& > :first-child .fi-input-wrp {
92106
@apply @3xs:rounded-se-none @3xs:rounded-es-lg;
93107
}
@@ -98,6 +112,8 @@
98112
}
99113

100114
&.\@2xs\:fi-grid-cols {
115+
@apply @2xs:divide-x @2xs:divide-y-0;
116+
101117
& > :first-child .fi-input-wrp {
102118
@apply @2xs:rounded-se-none @2xs:rounded-es-lg;
103119
}
@@ -108,6 +124,8 @@
108124
}
109125

110126
&.\@xs\:fi-grid-cols {
127+
@apply @xs:divide-x @xs:divide-y-0;
128+
111129
& > :first-child .fi-input-wrp {
112130
@apply @xs:rounded-se-none @xs:rounded-es-lg;
113131
}
@@ -118,6 +136,8 @@
118136
}
119137

120138
&.\@sm\:fi-grid-cols {
139+
@apply @sm:divide-x @sm:divide-y-0;
140+
121141
& > :first-child .fi-input-wrp {
122142
@apply @sm:rounded-se-none @sm:rounded-es-lg;
123143
}
@@ -128,6 +148,8 @@
128148
}
129149

130150
&.\@md\:fi-grid-cols {
151+
@apply @md:divide-x @md:divide-y-0;
152+
131153
& > :first-child .fi-input-wrp {
132154
@apply @md:rounded-se-none @md:rounded-es-lg;
133155
}
@@ -138,6 +160,8 @@
138160
}
139161

140162
&.\@lg\:fi-grid-cols {
163+
@apply @lg:divide-x @lg:divide-y-0;
164+
141165
& > :first-child .fi-input-wrp {
142166
@apply @lg:rounded-se-none @lg:rounded-es-lg;
143167
}
@@ -148,6 +172,8 @@
148172
}
149173

150174
&.\@xl\:fi-grid-cols {
175+
@apply @xl:divide-x @xl:divide-y-0;
176+
151177
& > :first-child .fi-input-wrp {
152178
@apply @xl:rounded-se-none @xl:rounded-es-lg;
153179
}
@@ -158,6 +184,8 @@
158184
}
159185

160186
&.\@2xl\:fi-grid-cols {
187+
@apply @2xl:divide-x @2xl:divide-y-0;
188+
161189
& > :first-child .fi-input-wrp {
162190
@apply @2xl:rounded-se-none @2xl:rounded-es-lg;
163191
}
@@ -168,6 +196,8 @@
168196
}
169197

170198
&.\@3xl\:fi-grid-cols {
199+
@apply @3xl:divide-x @3xl:divide-y-0;
200+
171201
& > :first-child .fi-input-wrp {
172202
@apply @3xl:rounded-se-none @3xl:rounded-es-lg;
173203
}
@@ -178,6 +208,8 @@
178208
}
179209

180210
&.\@4xl\:fi-grid-cols {
211+
@apply @4xl:divide-x @4xl:divide-y-0;
212+
181213
& > :first-child .fi-input-wrp {
182214
@apply @4xl:rounded-se-none @4xl:rounded-es-lg;
183215
}
@@ -188,6 +220,8 @@
188220
}
189221

190222
&.\@5xl\:fi-grid-cols {
223+
@apply @5xl:divide-x @5xl:divide-y-0;
224+
191225
& > :first-child .fi-input-wrp {
192226
@apply @5xl:rounded-se-none @5xl:rounded-es-lg;
193227
}
@@ -198,6 +232,8 @@
198232
}
199233

200234
&.\@6xl\:fi-grid-cols {
235+
@apply @6xl:divide-x @6xl:divide-y-0;
236+
201237
& > :first-child .fi-input-wrp {
202238
@apply @6xl:rounded-se-none @6xl:rounded-es-lg;
203239
}
@@ -208,6 +244,8 @@
208244
}
209245

210246
&.\@7xl\:fi-grid-cols {
247+
@apply @7xl:divide-x @7xl:divide-y-0;
248+
211249
& > :first-child .fi-input-wrp {
212250
@apply @7xl:rounded-se-none @7xl:rounded-es-lg;
213251
}
@@ -220,6 +258,8 @@
220258

221259
@supports not (container-type: inline-size) {
222260
&.\!\@sm\:fi-grid-cols {
261+
@apply sm:divide-x sm:divide-y-0;
262+
223263
& > :first-child .fi-input-wrp {
224264
@apply sm:rounded-se-none sm:rounded-es-lg;
225265
}
@@ -230,6 +270,8 @@
230270
}
231271

232272
&.\!\@md\:fi-grid-cols {
273+
@apply md:divide-x md:divide-y-0;
274+
233275
& > :first-child .fi-input-wrp {
234276
@apply md:rounded-se-none md:rounded-es-lg;
235277
}
@@ -240,6 +282,8 @@
240282
}
241283

242284
&.\!\@lg\:fi-grid-cols {
285+
@apply lg:divide-x lg:divide-y-0;
286+
243287
& > :first-child .fi-input-wrp {
244288
@apply lg:rounded-se-none lg:rounded-es-lg;
245289
}
@@ -250,6 +294,8 @@
250294
}
251295

252296
&.\!\@xl\:fi-grid-cols {
297+
@apply xl:divide-x xl:divide-y-0;
298+
253299
& > :first-child .fi-input-wrp {
254300
@apply xl:rounded-se-none xl:rounded-es-lg;
255301
}
@@ -260,6 +306,8 @@
260306
}
261307

262308
&.\!\@2xl\:fi-grid-cols {
309+
@apply 2xl:divide-x 2xl:divide-y-0;
310+
263311
& > :first-child .fi-input-wrp {
264312
@apply 2xl:rounded-se-none 2xl:rounded-es-lg;
265313
}
@@ -272,7 +320,7 @@
272320
}
273321

274322
& .fi-input-wrp {
275-
@apply rounded-none shadow-none ring-0 dark:bg-gray-950/75;
323+
@apply rounded-none shadow-none ring-0;
276324

277325
&:not(.fi-disabled):not(:has(.fi-ac-action:focus)) {
278326
@apply focus-within:ring-0;

0 commit comments

Comments
 (0)