mirror of
https://github.com/lana-k/sqliteviz.git
synced 2025-12-06 18:18:53 +08:00
39 lines
634 B
Vue
39 lines
634 B
Vue
<template>
|
|
<div>
|
|
<splitpanes
|
|
class="schema-tabs-splitter"
|
|
:before="{ size: 20, max: 30 }"
|
|
:after="{ size: 80, max: 100 }"
|
|
>
|
|
<div slot="left-pane">
|
|
<schema />
|
|
</div>
|
|
<div slot="right-pane">
|
|
<tabs />
|
|
</div>
|
|
</splitpanes>
|
|
</div>
|
|
</template>
|
|
|
|
<script>
|
|
import Splitpanes from '@/components/splitpanes'
|
|
import Schema from '@/components/Schema'
|
|
import Tabs from '@/components/Tabs'
|
|
|
|
export default {
|
|
name: 'Editor',
|
|
components: {
|
|
Schema,
|
|
Splitpanes,
|
|
Tabs
|
|
}
|
|
}
|
|
</script>
|
|
|
|
<style>
|
|
.schema-tabs-splitter {
|
|
height: 100%;
|
|
margin-left: 6px;
|
|
}
|
|
</style>
|