Add conditional rendering to description

* Modify Details component
* Modify MonitorList component
This commit is contained in:
Juan Cruz Vincenti 2021-11-25 18:11:13 -03:00
parent 934d633d4d
commit fbf2df9e7a
2 changed files with 2 additions and 2 deletions

View file

@ -23,7 +23,7 @@
<div class="info"> <div class="info">
<Uptime :monitor="item" type="24" :pill="true" /> <Uptime :monitor="item" type="24" :pill="true" />
{{ item.name }} {{ item.name }}
<span :title="item.description"> <span v-if="item.description" :title="item.description">
<font-awesome-icon icon="info-circle" /> <font-awesome-icon icon="info-circle" />
</span> </span>
</div> </div>

View file

@ -2,7 +2,7 @@
<transition name="slide-fade" appear> <transition name="slide-fade" appear>
<div v-if="monitor"> <div v-if="monitor">
<h1> {{ monitor.name }}</h1> <h1> {{ monitor.name }}</h1>
<p>{{ monitor.description }}</p> <p v-if="monitor.description">{{ monitor.description }}</p>
<div class="tags"> <div class="tags">
<Tag v-for="tag in monitor.tags" :key="tag.id" :item="tag" :size="'sm'" /> <Tag v-for="tag in monitor.tags" :key="tag.id" :item="tag" :size="'sm'" />
</div> </div>