Appwrite/console
1
0
Fork 0
mirror of https://github.com/appwrite/console.git synced 2026-06-06 19:27:48 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix: html & css for preferences

Browse Source
This commit is contained in:
Arman
2022-06-27 16:16:41 +02:00
parent 107bf5be52
commit 6e5fd05ef4
1 changed files with 44 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/routes/console/[project]/users/user/[user]/index.svelte
+44 -12
View File
@@ -292,8 +292,28 @@
{#if prefs}
{#each prefs as [key, value]}
<li class="form-item is-multiple">
<InputText id={`key-${key}`} label="Key" bind:value={key} />
<InputText id={`value-${value}`} label="Value" bind:value />
<div class="form-item-part u-stretch">
<label class="label" for={`value-${key}`}>Key</label>
<div class="input-text-wrapper">
<input
id={`value-${key}`}
placeholder=""
type="text"
class="input-text"
bind:value={key} />
</div>
</div>
<div class="form-item-part u-stretch">
<label class="label" for={`value-${value}`}>Value</label>
<div class="input-text-wrapper">
<input
id={`value-${value}`}
placeholder=""
type="text"
class="input-text"
bind:value />
</div>
</div>
<div class="form-item-part u-cross-child-end">
<Button text on:click={() => deletePref(key)}>
<span class="icon-x" aria-hidden="true" />
@@ -303,16 +323,28 @@
{/each}
{#if prefs.length === 0 || newPref}
<li class="form-item is-multiple">
<InputText
id="key"
label="Key"
placeholder="Enter Key"
bind:value={newKey} />
<InputText
id="value"
label="Value"
placeholder="Enter Value"
bind:value={newValue} />
<div class="form-item-part u-stretch">
<label class="label" for={`value-${newKey}`}>Key</label>
<div class="input-text-wrapper">
<input
id={`value-${newKey}`}
placeholder="Enter Key"
type="text"
class="input-text"
bind:value={newKey} />
</div>
</div>
<div class="form-item-part u-stretch">
<label class="label" for={`value-${newValue}`}>Value</label>
<div class="input-text-wrapper">
<input
id={`value-${newValue}`}
placeholder="Enter Value"
type="text"
class="input-text"
bind:value={newValue} />
</div>
</div>
<div class="form-item-part u-cross-child-end">
<Button
text