diff --git a/src/Form.svelte b/src/Form.svelte index 583b6751c..d14f088e0 100644 --- a/src/Form.svelte +++ b/src/Form.svelte @@ -44,16 +44,17 @@ border-radius: 1rem; overflow: hidden; text-overflow: ellipsis; + border-color: var(--color-secondary) !important; } input.field::placeholder { color: var(--color-subtle); font-style: italic; } - input.field:not([disabled])::placeholder { + input.field::placeholder { color: transparent; } - input.field:not([disabled]) { - border-color: var(--color-secondary) !important; + input.field[disabled] { + color: var(--color-secondary); } span.field { @@ -83,19 +84,23 @@ {field.label || capitalize(field.name)}
- {#if field.value && (!field.editable || !editable || disabled)} + {#if field.editable && editable} + + {:else} - {#if isUrl(field.value)} - {field.value} - {:else if isAddress(field.value)} - {field.value} + {#if field.value} + {#if isUrl(field.value)} + {field.value} + {:else if isAddress(field.value)} + {field.value} + {:else} + {field.value} + {/if} {:else} - {field.value} + {field.placeholder} {/if} - {:else} - {/if}
{/each}