mirror of
https://github.com/DeNNiiInc/dbgate.git
synced 2026-04-19 23:35:59 +00:00
52 lines
998 B
Svelte
52 lines
998 B
Svelte
<script lang="ts">
|
|
import JslDataGrid from '../datagrid/JslDataGrid.svelte';
|
|
|
|
export let resultInfos = [];
|
|
</script>
|
|
|
|
<div
|
|
class="main"
|
|
class:main1={resultInfos.length == 1}
|
|
class:main2={resultInfos.length == 2}
|
|
class:main3={resultInfos.length > 2}
|
|
>
|
|
{#each resultInfos as info}
|
|
<div class="wrapper">
|
|
<JslDataGrid jslid={info.jslid} multipleGridsOnTab={resultInfos.length >= 2} />
|
|
</div>
|
|
{/each}
|
|
</div>
|
|
|
|
<style>
|
|
.main1 .wrapper {
|
|
position: relative;
|
|
display: flex;
|
|
width: 100%;
|
|
height: 100%;
|
|
}
|
|
.main2 .wrapper {
|
|
position: relative;
|
|
display: flex;
|
|
width: 100%;
|
|
height: calc(50% - 2px);
|
|
border-bottom: 2px solid var(--theme-border);
|
|
}
|
|
.main3 .wrapper {
|
|
position: relative;
|
|
display: flex;
|
|
width: 100%;
|
|
height: 40%;
|
|
border-bottom: 2px solid var(--theme-border);
|
|
}
|
|
.main {
|
|
position: absolute;
|
|
left: 0;
|
|
top: 0;
|
|
right: 0;
|
|
bottom: 0;
|
|
}
|
|
.main3 {
|
|
overflow-y: scroll;
|
|
}
|
|
</style>
|