Styling for tags

This commit is contained in:
Jasper Miller-Waugh 2021-10-28 14:53:27 +13:00
parent 5e6d945095
commit 9143b73f84
No known key found for this signature in database
GPG key ID: 02A5F6F15443A805
2 changed files with 7 additions and 0 deletions

View file

@ -346,6 +346,10 @@ textarea.form-control {
&.active { &.active {
background-color: #cdf8f4; background-color: #cdf8f4;
} }
// Removes margin to line up tags list with uptime percentage
.tags, .tag-wrapper:first-child {
margin-left: 0 !important;
}
} }
} }

View file

@ -40,6 +40,9 @@
<Uptime :monitor="monitor.element" type="24" :pill="true" /> <Uptime :monitor="monitor.element" type="24" :pill="true" />
{{ monitor.element.name }} {{ monitor.element.name }}
</div>
<div class="tags">
<Tag v-for="tag in monitor.element.tags" :key="tag" :item="tag" :size="'sm'" /> <Tag v-for="tag in monitor.element.tags" :key="tag" :item="tag" :size="'sm'" />
</div> </div>
</div> </div>