From a0b6623e0860178a3560372057161906d5b39fb0 Mon Sep 17 00:00:00 2001
From: Anand Chowdhary <mail@anandchowdhary.com>
Date: Sun, 6 Dec 2020 13:35:06 +0530
Subject: [PATCH] :sparkles: Add icons for status sites

---
 src/components/LiveStatus.svelte | 14 +++++++++++++-
 1 file changed, 13 insertions(+), 1 deletion(-)

diff --git a/src/components/LiveStatus.svelte b/src/components/LiveStatus.svelte
index 65ed5a0..7b0d8bd 100644
--- a/src/components/LiveStatus.svelte
+++ b/src/components/LiveStatus.svelte
@@ -42,6 +42,15 @@
     background-position: top right;
     background-repeat: no-repeat;
   }
+  .icon {
+    height: 1rem;
+    margin-right: 0.33rem;
+    vertical-align: middle;
+    transform: scale(1.1) translateY(-0.1rem);
+  }
+  a {
+    text-decoration: none;
+  }
 </style>
 
 <h2>{config.i18n.liveStatus}</h2>
@@ -53,7 +62,10 @@
       <article
         class={`${site.status} link`}
         style={`background-image: url("${graphsBaseUrl}/${site.slug}.png`}>
-        <h4><a href={`${config.path}/history/${site.slug}`}>{site.name}</a></h4>
+        <h4>
+          <img class="icon" alt="" src={site.icon} />
+          <a href={`${config.path}/history/${site.slug}`}>{site.name}</a>
+        </h4>
         <div>
           {@html config.i18n.overallUptime.replace(/\$UPTIME/g, site.uptime)}
         </div>