Add back in client app border only when inside builder preview

This commit is contained in:
Andrew Kingston 2021-07-30 10:06:16 +01:00
parent 6f190345de
commit 177834ea8a
1 changed files with 4 additions and 1 deletions

View File

@ -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) {