Infra-Mirrors/uptime-kuma
1
0
Fork 0
mirror of https://github.com/louislam/uptime-kuma.git synced 2025-01-04 12:11:09 -05:00
Code Issues Packages Projects Releases Wiki Activity

Slightly improve css

Browse Source
This commit is contained in:
Louis Lam 2022-07-04 18:33:38 +08:00
parent baa592bce3
commit 6f57c4195a
1 changed files with 15 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

22
src/components/PublicGroupList.vue
View File

@ -48,12 +48,15 @@
{{ monitor.element.name }} {{ monitor.element.name }}
</a> </a>
<p v-else class="item-name"> {{ monitor.element.name }} </p> <p v-else class="item-name"> {{ monitor.element.name }} </p>
<font-awesome-icon <span title="Toggle Clickable Link">
v-if="editMode" <font-awesome-icon
:class="{'link-active': monitor.element.sendUrl}" v-if="editMode"
icon="link" class="action me-3" :class="{'link-active': monitor.element.sendUrl, 'btn-link': true}"
@click="toggleLink(group.index, monitor.index)" icon="link" class="action me-3"
/>
@click="toggleLink(group.index, monitor.index)"
/>
</span>
</div> </div>
<div v-if="showTags" class="tags"> <div v-if="showTags" 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'" />
@ -173,8 +176,13 @@ export default {
display: inline-block; display: inline-block;
} }
.btn-link {
color: #bbbbbb;
margin-left: 5px;
}
.link-active { .link-active {
color: #4caf50; color: $primary;
} }
.flip-list-move { .flip-list-move {