Minor UI improvment

This commit is contained in:
Corentin 2022-11-15 18:16:37 +09:00
commit d20ee9ab7b
4 changed files with 8 additions and 2 deletions

View file

@ -20,5 +20,5 @@
"storage", "storage",
"clipboardWrite" "clipboardWrite"
], ],
"version": "1.1" "version": "1.1.1"
} }

View file

@ -25,6 +25,7 @@ body {
color: var(--fg-color); color: var(--fg-color);
max-height: 600px; max-height: 600px;
margin: 0; margin: 0;
font-size: 12px;
} }
input { input {
@ -32,6 +33,7 @@ input {
color: var(--fg-color); color: var(--fg-color);
border: 1px solid var(--border-color); border: 1px solid var(--border-color);
margin: 4px; margin: 4px;
padding: 2px 4px;
border-radius: 5px; border-radius: 5px;
} }

View file

@ -29,7 +29,7 @@
<input type="password" id="entry-secret" required /> <input type="password" id="entry-secret" required />
<img id="entry-visibility" class="icon visibility" src="/icons/visibility.svg" /> <img id="entry-visibility" class="icon visibility" src="/icons/visibility.svg" />
</div> </div>
<button><img class="icon" src="/icons/add.svg"></button> <button><img class="icon" src="/icons/add.svg" title="Add"></button>
</div> </div>
</form> </form>
</div> </div>

View file

@ -209,10 +209,12 @@ class Entry
action_elt.className = "action" action_elt.className = "action"
let edit_elt = document.createElement('img') let edit_elt = document.createElement('img')
edit_elt.src = "/icons/edit.svg" edit_elt.src = "/icons/edit.svg"
edit_elt.title = 'Edit'
edit_elt.addEventListener('click', () => {this.openEdit()}) edit_elt.addEventListener('click', () => {this.openEdit()})
action_elt.appendChild(edit_elt) action_elt.appendChild(edit_elt)
let delete_elt = document.createElement('img') let delete_elt = document.createElement('img')
delete_elt.src = "/icons/delete.svg" delete_elt.src = "/icons/delete.svg"
delete_elt.title = 'Delete'
delete_elt.addEventListener('click', () => {store.removeEntry(this)}) delete_elt.addEventListener('click', () => {store.removeEntry(this)})
action_elt.appendChild(delete_elt) action_elt.appendChild(delete_elt)
header_elt.appendChild(action_elt) header_elt.appendChild(action_elt)
@ -310,9 +312,11 @@ class Entry
let done_elt = document.createElement('img') let done_elt = document.createElement('img')
done_elt.src = "/icons/done.svg" done_elt.src = "/icons/done.svg"
done_elt = 'Save'
this.elements.action.appendChild(done_elt) this.elements.action.appendChild(done_elt)
let close_elt = document.createElement('img') let close_elt = document.createElement('img')
close_elt.src = "/icons/close.svg" close_elt.src = "/icons/close.svg"
close_elt.title = 'Cancel'
this.elements.action.appendChild(close_elt) this.elements.action.appendChild(close_elt)
done_elt.addEventListener('click', () => { done_elt.addEventListener('click', () => {