Normalize the button coloring for primary functions vs reload etc.

This commit is contained in:
abdulmohsen
2024-05-10 19:25:35 +03:00
parent 5f0874d64b
commit c8673c8854
12 changed files with 71 additions and 86 deletions

View File

@@ -1,27 +1,19 @@
<template>
<div class="columns is-multiline">
<div class="column is-12 is-clearfix">
<div class="p-2">
<span class="title is-4">Backends</span>
<div class="is-pulled-right">
<div class="field is-grouped">
<p class="control">
<button class="button is-primary is-light" v-tooltip="'Add New Backend'"
@click="toggleForm = !toggleForm">
<span class="icon">
<i class="fas fa-add"></i>
</span>
</button>
</p>
<p class="control">
<button class="button is-primary" @click.prevent="loadContent">
<span class="icon">
<i class="fas fa-sync"></i>
</span>
</button>
</p>
</div>
<span class="title is-4">Backends</span>
<div class="is-pulled-right">
<div class="field is-grouped">
<p class="control">
<button class="button is-primary" v-tooltip="'Add New Backend'" @click="toggleForm = !toggleForm">
<span class="icon"><i class="fas fa-add"></i></span>
</button>
</p>
<p class="control">
<button class="button is-info" @click.prevent="loadContent">
<span class="icon"><i class="fas fa-sync"></i></span>
</button>
</p>
</div>
</div>
<div class="is-hidden-mobile">