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

qury designer - improved style

Browse Source
This commit is contained in:
Jan Prochazka
2022-07-16 21:03:08 +02:00
parent a4e5630f89
commit d563a40d0f
1 changed files with 5 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
packages/web/src/elements/QueryDesignColumns.svelte
View File

@@ -68,6 +68,7 @@
<svelte:fragment slot="8" let:row> <svelte:fragment slot="8" let:row>
{#if row.isCustomExpression} {#if row.isCustomExpression}
<TextField <TextField
style="min-width:calc(100% - 9px)"
value={row.customExpression} value={row.customExpression}
on:input={e => { on:input={e => {
changeColumn({ ...row, customExpression: e.target.value }); changeColumn({ ...row, customExpression: e.target.value });
@@ -89,6 +90,7 @@
</svelte:fragment> </svelte:fragment>
<svelte:fragment slot="1" let:row> <svelte:fragment slot="1" let:row>
<TextField <TextField
style="min-width:calc(100% - 9px)"
value={row.alias} value={row.alias}
on:input={e => { on:input={e => {
changeColumn({ ...row, alias: e.target.value }); changeColumn({ ...row, alias: e.target.value });
@@ -108,6 +110,7 @@
{#if !row.isGrouped} {#if !row.isGrouped}
<SelectField <SelectField
isNative isNative
style="min-width:calc(100% - 9px)"
value={row.aggregate} value={row.aggregate}
on:change={e => { on:change={e => {
changeColumn({ ...row, aggregate: e.detail }); changeColumn({ ...row, aggregate: e.detail });
@@ -119,6 +122,7 @@
<svelte:fragment slot="4" let:row> <svelte:fragment slot="4" let:row>
<SelectField <SelectField
isNative isNative
style="min-width:calc(100% - 9px)"
value={row.sortOrder} value={row.sortOrder}
on:change={e => { on:change={e => {
changeColumn({ ...row, sortOrder: parseInt(e.detail) }); changeColumn({ ...row, sortOrder: parseInt(e.detail) });
@@ -156,7 +160,7 @@
<InlineButton on:click={() => removeColumn(row)}>Remove</InlineButton> <InlineButton on:click={() => removeColumn(row)}>Remove</InlineButton>
</svelte:fragment> </svelte:fragment>
</TableControl> </TableControl>
<FormStyledButton value="Add custom" on:click={addExpressionColumn} /> <FormStyledButton value="Add custom expression" on:click={addExpressionColumn} style="width:200px" />
</div> </div>
<style> <style>