Skip to content

Commit 3860498

Browse files
committed
fix: shadows can be cut off when only a few designs are shown in the design library
1 parent a9eefe8 commit 3860498

File tree

1 file changed

+6
-4
lines changed

1 file changed

+6
-4
lines changed

src/components/design-library-list/editor.scss

Lines changed: 6 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -1,16 +1,18 @@
11
.ugb-design-library-items {
22
page-break-inside: avoid;
33
break-inside: avoid;
4-
column-count: 1;
54
column-gap: 38px;
5+
display: grid;
6+
grid-template-columns: 1fr;
7+
align-items: center;
68
&.ugb-design-library-items--columns-2 {
7-
column-count: 2;
9+
grid-template-columns: 1fr 1fr;
810
}
911
&.ugb-design-library-items--columns-3 {
10-
column-count: 3;
12+
grid-template-columns: 1fr 1fr 1fr;
1113
}
1214
&.ugb-design-library-items--columns-4 {
13-
column-count: 4;
15+
grid-template-columns: 1fr 1fr 1fr 1fr;
1416
}
1517

1618
.components-base-control__help {

0 commit comments

Comments
 (0)