Add default styles to containers to improve component layouts

2021-06-10 10:20:47 +01:00 · 2021-06-10 10:20:47 +01:00 · d777cbf5b1
parent 2124c85a09
commit d777cbf5b1
1 changed files with 9 additions and 2 deletions
--- a/packages/standard-components/src/Container.svelte
+++ b/packages/standard-components/src/Container.svelte
@ -36,12 +36,19 @@
  .empty {
    border: 2px dashed rgba(0, 0, 0, 0.25);
  }
-  .direction-row {
+  .direction-row,
+  .direction-column {
    display: flex;
+    max-width: 100%;
+  }
+  .direction-row :global(*),
+  .direction-column :global(*) {
+    max-width: 100%;
+  }
+  .direction-row {
    flex-direction: row;
  }
  .direction-column {
-    display: flex;
    flex-direction: column;
  }