UI improvements
This commit is contained in:
parent
dae9189052
commit
d50c1971e5
@ -31,7 +31,7 @@
|
|||||||
</table>
|
</table>
|
||||||
</div>
|
</div>
|
||||||
<div slot="footer">
|
<div slot="footer">
|
||||||
<Button icon="fas fa-plus" on:click={() => tagCreateModal = true}>Create Tag</Button>
|
<Button icon="fas fa-plus" on:click={openCreateModal}>Create Tag</Button>
|
||||||
</div>
|
</div>
|
||||||
</Card>
|
</Card>
|
||||||
</div>
|
</div>
|
||||||
@ -58,10 +58,17 @@
|
|||||||
let tagCreateModal = false;
|
let tagCreateModal = false;
|
||||||
let tagEditModal = false;
|
let tagEditModal = false;
|
||||||
|
|
||||||
|
function openCreateModal(id) {
|
||||||
|
tagCreateModal = true;
|
||||||
|
window.scrollTo({ top: 0, behavior: 'smooth' });
|
||||||
|
}
|
||||||
|
|
||||||
function openEditModal(id) {
|
function openEditModal(id) {
|
||||||
editId = id;
|
editId = id;
|
||||||
editData = tags[id];
|
editData = tags[id];
|
||||||
tagEditModal = true;
|
tagEditModal = true;
|
||||||
|
|
||||||
|
window.scrollTo({ top: 0, behavior: 'smooth' });
|
||||||
}
|
}
|
||||||
|
|
||||||
function cancelEdit() {
|
function cancelEdit() {
|
||||||
@ -186,6 +193,7 @@
|
|||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
width: 64%;
|
width: 64%;
|
||||||
height: 100%;
|
height: 100%;
|
||||||
|
padding-bottom: 4%;
|
||||||
}
|
}
|
||||||
|
|
||||||
.body-wrapper {
|
.body-wrapper {
|
||||||
|
Loading…
x
Reference in New Issue
Block a user