#64

2026-04-20 04:16:00 +00:00 · 2021-04-11 10:43:21 +02:00
parent c1778bea26
commit d3d695ed81
5 changed files with 101 additions and 9 deletions
--- a/packages/web/src/query/AllResultsTab.svelte
+++ b/packages/web/src/query/AllResultsTab.svelte
@@ -0,0 +1,51 @@
+<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} />
+    </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>