1
0
mirror of https://github.com/garraflavatra/rolens.git synced 2025-07-19 22:18:03 +00:00

Tried to fix grid height

This commit is contained in:
2023-01-10 20:10:39 +01:00
parent 34ba68b179
commit 11f6343843
8 changed files with 53 additions and 16 deletions

View File

@ -4,6 +4,7 @@
import { onMount } from 'svelte';
import { input } from '../../actions';
import ObjectGrid from '../../components/objectgrid.svelte';
import Icon from '../../components/icon.svelte';
export let collection;
@ -33,6 +34,8 @@
async function submitQuery() {
result = await PerformFind(collection.hostKey, collection.dbKey, collection.key, JSON.stringify(form));
queryField?.focus();
queryField?.select();
}
onMount(() => {
@ -75,7 +78,21 @@
</form>
<CodeExample {code} />
<ObjectGrid data={result} />
<div class="result">
<ObjectGrid data={result} />
<div class="controls">
<div>
{#if result}
Results: {result.length}
{/if}
</div>
<div>
<button class="btn"><Icon name="chev-l" /></button>
<button class="btn"><Icon name="chev-r" /></button>
</div>
</div>
</div>
<style>
.row-one {
@ -90,4 +107,20 @@
grid-template-columns: 5fr 1fr 1fr 1fr;
margin-bottom: 0.5rem;
}
.result {
flex: 1;
display: flex;
flex-flow: column;
margin-top: 0.5rem;
gap: 0.5rem;
}
.result > :global(.grid) {
flex: 1;
}
.result > .controls {
display: flex;
justify-content: space-between;
align-items: center;
}
</style>

View File

@ -56,13 +56,13 @@
margin: 1rem 1rem 1rem 0;
height: 100%;
display: flex;
flex-direction: column;
flex-flow: column;
}
.container {
padding: 0.5rem 0.5rem 0;
flex: 1;
display: flex;
flex-direction: column;
flex-flow: column;
}
</style>