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

View file

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

View file

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

View file

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

View file

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