dennii/dbgate
1
0
Fork 0
mirror of https://github.com/DeNNiiInc/dbgate.git synced 2026-04-17 23:45:59 +00:00
Code Issues Packages Projects Releases Wiki Activity

Refactor DbKeyItemDetail and DbKeyValueDetail for improved layout and editor responsiveness

Browse Source
This commit is contained in:
Stela Augustinova
2025-12-19 12:19:07 +01:00
parent 1deaa4c30d
commit 18307b2e03
2 changed files with 19 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
packages/web/src/dbkeyvalue/DbKeyItemDetail.svelte
View File

@@ -28,9 +28,9 @@
.props { .props {
flex: 1; flex: 1;
display: flex; display: flex;
flex-direction: row; flex-direction: column;
gap: 10px; gap: 10px;
padding: 10px; padding: 10px;
overflow: hidden; overflow: auto;
} }
</style> </style>

9
packages/web/src/dbkeyvalue/DbKeyValueDetail.svelte
View File

@@ -31,6 +31,7 @@
</div> </div>
<div class="colvalue"> <div class="colvalue">
{#if display == 'text'} {#if display == 'text'}
<div class="editor-wrapper">
<AceEditor <AceEditor
readOnly={!onChangeValue} readOnly={!onChangeValue}
{value} {value}
@@ -39,6 +40,7 @@
onChangeValue?.(e.detail); onChangeValue?.(e.detail);
}} }}
/> />
</div>
{/if} {/if}
{#if display == 'json'} {#if display == 'json'}
<div class="outer"> <div class="outer">
@@ -66,6 +68,13 @@
justify-content: space-between; justify-content: space-between;
} }
.editor-wrapper {
flex: 1;
position: relative;
min-height: 60px;
max-height: 1000px;
}
.outer { .outer {
flex: 1; flex: 1;
position: relative; position: relative;