Fix text-layout pattern viewport overflow

This commit is contained in:
2026-05-26 11:44:08 +02:00
parent ecd44a5e5c
commit 6cc865d984
+4 -1
View File
@@ -10,6 +10,7 @@
.sg-text-layout-pattern__preview-surface {
width: 100%;
box-sizing: border-box;
padding: var(--spacing-large);
border-radius: var(--radius-card);
background: var(--surface-text-layout-preview);
@@ -33,6 +34,7 @@
.sg-text-layout-pattern__two-column {
width: 100%;
min-width: 0;
display: grid;
grid-template-columns: var(--layout-text-layout-two-column-columns);
column-gap: var(--layout-text-layout-column-gap);
@@ -40,6 +42,7 @@
.sg-text-layout-pattern__three-column-distributed {
width: 100%;
min-width: 0;
display: grid;
grid-template-columns: var(--layout-text-layout-three-column-columns);
column-gap: var(--layout-text-layout-column-gap);
@@ -47,6 +50,7 @@
.sg-text-layout-pattern__column {
margin: 0;
min-width: 0;
}
.sg-text-layout-pattern__column--align-left {
@@ -78,4 +82,3 @@
grid-template-columns: var(--layout-text-layout-three-column-columns);
}
}