Browse Source

Align component selection list and preview controls to top of center panel

gh-pages
Andrew Kingston 5 years ago
parent
commit
87f3659ba4
  1. 5
      packages/builder/src/components/design/AppPreview/ComponentSelectionList.svelte
  2. 2
      packages/builder/src/pages/builder/app/[application]/design/[assetType]/_layout.svelte

5
packages/builder/src/components/design/AppPreview/ComponentSelectionList.svelte

@ -83,10 +83,11 @@
justify-content: flex-start; justify-content: flex-start;
align-items: center; align-items: center;
flex-wrap: wrap; flex-wrap: wrap;
margin-top: -10px;
} }
.components :global(> *) { .components :global(> *) {
margin-top: 10px; height: 32px;
display: grid;
place-items: center;
} }
.buttonContent { .buttonContent {

2
packages/builder/src/pages/builder/app/[application]/design/[assetType]/_layout.svelte

@ -212,7 +212,7 @@
display: flex; display: flex;
flex-direction: row; flex-direction: row;
justify-content: flex-start; justify-content: flex-start;
align-items: center; align-items: flex-start;
gap: 1rem; gap: 1rem;
} }
.preview-header > :global(*) { .preview-header > :global(*) {

Loading…
Cancel
Save