MirrorSave
/
budibase
mirror of https://github.com/Budibase/budibase.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

git stash

This commit is contained in:
Gerard Burns 2023-11-23 13:44:01 +00:00
parent 8b8604267d
commit 5824425020
1 changed files with 31 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

44
packages/builder/src/pages/builder/app/[application]/design/[screenId]/_components/AppPanel.svelte
View File

@ -3,28 +3,42 @@
import AppPreview from "./AppPreview.svelte"
import { store, screenHistoryStore } from "builderStore"
import UndoRedoControl from "components/common/UndoRedoControl.svelte"
import { getHorizontalResizeActions } from './resizable';
const [resizable, resizableHandle] = getHorizontalResizeActions();
</script>
<div class="app-panel">
<div class="header">
<div class="header-left">
<UndoRedoControl store={screenHistoryStore} />
</div>
<div class="header-right">
{#if $store.clientFeatures.devicePreview}
<DevicePreviewSelect />
{/if}
</div>
</div>
<div class="content">
{#key $store.version}
<AppPreview />
{/key}
<div class="header">
<div class="header-left">
<UndoRedoControl store={screenHistoryStore} />
</div>
<div class="header-right">
{#if $store.clientFeatures.devicePreview}
<DevicePreviewSelect />
{/if}
</div>
</div>
<div class="content">
{#key $store.version}
<AppPreview />
{/key}
</div>
</div>
<div
role="separator"
class="divider"
use:resizableHandle
/>
</div>
<style>
.app-panel {
display: flex;
}
.content {
flex: 1 1 auto;
overflow-y: auto;
display: flex;
@ -52,4 +66,8 @@
.content {
flex: 1 1 auto;
}
.divider {
g
}
</style>