Bluemedia/fancy-gatus
1
0
Fork 0
mirror of https://github.com/BluemediaDev/fancy-gatus.git synced 2025-07-03 18:32:41 +02:00
Code Issues Projects Releases Packages Wiki Activity

Optimize CSS

Browse source
This commit is contained in:
Oliver Traber 2022-01-15 16:41:40 +01:00
parent 594b20ba19
commit 9edfc61e96
Signed by: Bluemedia
GPG key ID: C7BA47275B086E2C
7 changed files with 35 additions and 49 deletions
Download patch file Download diff file Expand all files Collapse all files

6
src/components/OverallStatus.vue
View file

@ -1,10 +1,10 @@
<template>
<div class="shadow-box">
<div class="status-wrapper" v-if="this.failedEndpoints.length === 0">
<div class="flex ai-center status-wrapper" v-if="this.failedEndpoints.length === 0">
<BIconCheckCircleFill class="icon green" />
<span>All services healthy.</span>
</div>
<div class="status-wrapper" v-else>
<div class="flex ai-center status-wrapper" v-else>
<BIconExclamationCircleFill class="icon orange" />
<span>{{ failedEndpointCountText }}</span>
</div>
@ -44,8 +44,6 @@ export default {
<style scoped>
.status-wrapper {
display: flex;
align-items: center;
font-size: 1.3rem;
margin-left: 10px;
margin-top: 10px;