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:
@ -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>
|
||||
|
@ -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>
|
||||
|
Reference in New Issue
Block a user