use info color for exporting icon
This commit is contained in:
parent
6c7542e8a3
commit
da53055be8
4 changed files with 9 additions and 8 deletions
|
|
@ -41,7 +41,7 @@
|
|||
<header class="card-header">
|
||||
<div class="card-header-title is-text-overflow is-block" v-text="cond.name" />
|
||||
<div class="card-header-icon">
|
||||
<a class="has-text-primary" v-tooltip="'Export item.'" @click.prevent="exportItem(cond)">
|
||||
<a class="has-text-info" v-tooltip="'Export item.'" @click.prevent="exportItem(cond)">
|
||||
<span class="icon"><i class="fa-solid fa-file-export" /></span>
|
||||
</a>
|
||||
<button @click="cond.raw = !cond.raw">
|
||||
|
|
|
|||
|
|
@ -66,7 +66,7 @@ div.is-centered {
|
|||
<NuxtLink target="_blank" :href="item.request.url">{{ item.name }}</NuxtLink>
|
||||
</div>
|
||||
<div class="card-header-icon">
|
||||
<a class="has-text-primary" v-tooltip="'Export target.'" @click.prevent="exportItem(item)">
|
||||
<a class="has-text-info" v-tooltip="'Export target.'" @click.prevent="exportItem(item)">
|
||||
<span class="icon"><i class="fa-solid fa-file-export" /></span>
|
||||
</a>
|
||||
<button @click="item.raw = !item.raw">
|
||||
|
|
|
|||
|
|
@ -79,7 +79,7 @@ div.is-centered {
|
|||
<td class="is-vcentered is-items-center">
|
||||
<div class="field is-grouped is-grouped-centered">
|
||||
<div class="control">
|
||||
<button class="button is-primary is-small is-fullwidth" v-tooltip="'Export'"
|
||||
<button class="button is-info is-small is-fullwidth" v-tooltip="'Export'"
|
||||
@click="exportItem(item)">
|
||||
<span class="icon"><i class="fa-solid fa-file-export" /></span>
|
||||
</button>
|
||||
|
|
@ -111,7 +111,7 @@ div.is-centered {
|
|||
<header class="card-header">
|
||||
<div class="card-header-title is-text-overflow is-block" v-text="item.name" />
|
||||
<div class="card-header-icon">
|
||||
<button class="has-text-primary" v-tooltip="'Export'" @click="exportItem(item)">
|
||||
<button class="has-text-info" v-tooltip="'Export'" @click="exportItem(item)">
|
||||
<span class="icon"><i class="fa-solid fa-file-export" /></span>
|
||||
</button>
|
||||
<button @click="item.raw = !item.raw">
|
||||
|
|
|
|||
|
|
@ -190,7 +190,7 @@ div.is-centered {
|
|||
</div>
|
||||
|
||||
<div class="control">
|
||||
<button class="button is-primary is-small is-fullwidth" v-tooltip="'Export'"
|
||||
<button class="button is-info is-small is-fullwidth" v-tooltip="'Export'"
|
||||
@click="exportItem(item)">
|
||||
<span class="icon"><i class="fa-solid fa-file-export" /></span>
|
||||
</button>
|
||||
|
|
@ -235,16 +235,17 @@ div.is-centered {
|
|||
<div class="control">
|
||||
<span class="icon" v-tooltip="`${item.auto_start ? 'Auto' : 'Manual'} start`">
|
||||
<i class="fa-solid"
|
||||
:class="{ 'fa-circle-pause': item.auto_start, 'fa-circle-play': !item.auto_start }" />
|
||||
:class="{ 'fa-circle-pause has-text-success': item.auto_start, 'fa-circle-play has-text-danger': !item.auto_start }" />
|
||||
</span>
|
||||
</div>
|
||||
<div class="control">
|
||||
<span class="icon" v-tooltip="`RSS monitoring is ${item.handler_enabled ? 'enabled' : 'disabled'}`">
|
||||
<i class="fa-solid fa-rss has-text-success" />
|
||||
<i class="fa-solid fa-rss"
|
||||
:class="{ 'has-text-success': item.handler_enabled, 'has-text-danger': !item.handler_enabled }" />
|
||||
</span>
|
||||
</div>
|
||||
<div class="control">
|
||||
<a class="has-text-primary" v-tooltip="'Export task.'" @click.prevent="exportItem(item)">
|
||||
<a class="has-text-info" v-tooltip="'Export task.'" @click.prevent="exportItem(item)">
|
||||
<span class="icon"><i class="fa-solid fa-file-export" /></span>
|
||||
</a>
|
||||
</div>
|
||||
|
|
|
|||
Loading…
Reference in a new issue