Browse Source

Add back in client app border only when inside builder preview

master
Andrew Kingston 5 years ago
parent
commit
10d64456a2
  1. 5
      packages/client/src/components/ClientApp.svelte

5
packages/client/src/components/ClientApp.svelte

@ -93,7 +93,7 @@
</div> </div>
{:else if $screenStore.activeLayout} {:else if $screenStore.activeLayout}
<Provider key="user" data={$authStore} {actions}> <Provider key="user" data={$authStore} {actions}>
<div id="app-root"> <div id="app-root" class:preview={$builderStore.inBuilder}>
{#key $screenStore.activeLayout._id} {#key $screenStore.activeLayout._id}
<Component instance={$screenStore.activeLayout.props} /> <Component instance={$screenStore.activeLayout.props} />
{/key} {/key}
@ -131,6 +131,9 @@
#app-root { #app-root {
position: relative; position: relative;
} }
#app-root.preview {
border: 1px solid var(--spectrum-global-color-gray-300);
}
/* Custom scrollbars */ /* Custom scrollbars */
:global(::-webkit-scrollbar) { :global(::-webkit-scrollbar) {

Loading…
Cancel
Save