Rewrite custom card colors to use custom CSS classes instead of styles

This commit is contained in:
Tom Pansino
2020-09-02 00:34:37 -07:00
parent fbe9338fd3
commit e9afa4d7dd
3 changed files with 14 additions and 7 deletions

View File

@@ -4,7 +4,7 @@
<a :href="item.url" :target="item.target" rel="noreferrer">
<div
class="card-content"
:style="(item.colors && item.colors.background) ? {backgroundColor: item.colors.background} : null"
:class="item.class"
>
<div class="media">
<div v-if="item.logo" class="media-left">
@@ -20,11 +20,11 @@
<div class="media-content">
<p
class="title is-4"
:style="(item.colors && item.colors.text) ? {color: item.colors.text} : null"
:class="item.class"
>{{ item.name }}</p>
<p
class="subtitle is-6"
:style="(item.colors && item.colors.text) ? {color: item.colors.text} : null"
:class="item.class"
>{{ item.subtitle }}</p>
</div>
</div>