Fix delete buttons in forms

This commit is contained in:
kolaente 2021-01-16 22:46:02 +01:00
parent aa5d0d437d
commit 3f81f2837a
No known key found for this signature in database
GPG key ID: F40E70337AB24C9B
5 changed files with 51 additions and 34 deletions

View file

@ -74,7 +74,7 @@
</div>
<button @click="() => {sharable = s; showDeleteModal = true}"
class="button is-danger icon-only">
<span class="icon is-small">
<span class="icon">
<icon icon="trash-alt"/>
</span>
</button>

View file

@ -50,17 +50,21 @@
</div>
</form>
<div class="columns bigbuttons">
<div class="column">
<button :class="{ 'is-loading': filterService.loading}" @click="save()"
class="button is-primary is-fullwidth">
<div class="field has-addons mt-4">
<div class="control is-fullwidth">
<button
@click="save()"
:class="{ 'is-loading': filterService.loading}"
class="button is-primary is-fullwidth">
Save
</button>
</div>
<div class="column is-1">
<button :class="{ 'is-loading': filterService.loading}" @click="showDeleteModal = true"
class="button is-danger is-fullwidth">
<span class="icon is-small">
<div class="control">
<button
@click="showDeleteModal = true"
:class="{ 'is-loading': filterService.loading}"
class="button is-danger">
<span class="icon">
<icon icon="trash-alt"/>
</span>
</button>

View file

@ -79,17 +79,21 @@
</div>
</form>
<div class="columns bigbuttons">
<div class="column">
<button :class="{ 'is-loading': listService.loading}" @click="submit()"
class="button is-primary is-fullwidth">
<div class="field has-addons mt-4">
<div class="control is-fullwidth">
<button
@click="submit()"
:class="{ 'is-loading': listService.loading}"
class="button is-primary is-fullwidth">
Save
</button>
</div>
<div class="column is-1">
<button :class="{ 'is-loading': listService.loading}" @click="showDeleteModal = true"
class="button is-danger is-fullwidth">
<span class="icon is-small">
<div class="control">
<button
@click="showDeleteModal = true"
:class="{ 'is-loading': listService.loading}"
class="button is-danger">
<span class="icon">
<icon icon="trash-alt"/>
</span>
</button>

View file

@ -59,17 +59,21 @@
</div>
</form>
<div class="columns bigbuttons">
<div class="column">
<button :class="{ 'is-loading': namespaceService.loading}" @click="submit()"
class="button is-primary is-fullwidth">
<div class="field has-addons mt-4">
<div class="control is-fullwidth">
<button
@click="submit()"
:class="{ 'is-loading': namespaceService.loading}"
class="button is-primary is-fullwidth">
Save
</button>
</div>
<div class="column is-1">
<button :class="{ 'is-loading': namespaceService.loading}" @click="showDeleteModal = true"
class="button is-danger is-fullwidth">
<span class="icon is-small">
<div class="control">
<button
@click="showDeleteModal = true"
:class="{ 'is-loading': namespaceService.loading}"
class="button is-danger">
<span class="icon">
<icon icon="trash-alt"/>
</span>
</button>

View file

@ -41,17 +41,21 @@
</div>
</form>
<div class="columns bigbuttons">
<div class="column">
<button :class="{ 'is-loading': teamService.loading}" @click="save()"
class="button is-primary is-fullwidth">
<div class="field has-addons mt-4">
<div class="control is-fullwidth">
<button
@click="save()"
:class="{ 'is-loading': teamService.loading}"
class="button is-primary is-fullwidth">
Save
</button>
</div>
<div class="column is-1">
<button :class="{ 'is-loading': teamService.loading}" @click="showDeleteModal = true"
class="button is-danger is-fullwidth">
<span class="icon is-small">
<div class="control">
<button
@click="showDeleteModal = true"
:class="{ 'is-loading': teamService.loading}"
class="button is-danger">
<span class="icon">
<icon icon="trash-alt"/>
</span>
</button>
@ -60,6 +64,7 @@
</div>
</div>
</div>
<div class="card is-fullwidth has-overflow">
<header class="card-header">
<p class="card-header-title">
@ -121,7 +126,7 @@
@click="() => {member = m; showUserDeleteModal = true}"
class="button is-danger"
v-if="m.id !== userInfo.id">
<span class="icon is-small">
<span class="icon">
<icon icon="trash-alt"/>
</span>
</button>