romein/rolens
1
0
Fork 0
mirror of https://github.com/garraflavatra/rolens.git synced 2025-07-19 22:18:03 +00:00
Code Issues Releases Activity

Fixed layout and overflow

Browse Source
This commit is contained in:
Romein van Buren
2023-01-17 16:22:49 +01:00
parent 1d200db534
commit 928b4d229c
6 changed files with 24 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
frontend/src/organisms/connection/collection/find.svelte
View File

@ -160,9 +160,15 @@
display: grid;
grid-template: 1fr auto / 1fr;
gap: 0.5rem;
overflow: auto;
min-height: 0;
min-width: 0;
}
.result > .grid {
overflow: auto;
min-height: 0;
min-width: 0;
border: 1px solid #ccc;
}
.result > .controls {
display: flex;

3
frontend/src/organisms/connection/collection/index.svelte
View File

@ -70,6 +70,9 @@
padding: 0 0.5rem;
display: flex;
align-items: stretch;
overflow: auto;
min-height: 0;
min-width: 0;
}
.container > :global(*) {
width: 100%;

10
frontend/src/organisms/connection/collection/indexes.svelte
View File

@ -29,7 +29,9 @@
<button class="btn">Create&hellip;</button>
</div>
<ObjectGrid key="name" data={indexes} bind:activeKey on:trigger={e => openJson(e.detail)} />
<div class="grid">
<ObjectGrid key="name" data={indexes} bind:activeKey on:trigger={e => openJson(e.detail)} />
</div>
</div>
<CodeViewer bind:code={json} language="json" />
@ -40,4 +42,10 @@
gap: 0.5rem;
grid-template: auto 1fr / 1fr;
}
.indexes .grid {
min-height: 0;
min-width: 0;
border: 1px solid #ccc;
}
</style>