style: Update status display styling in apps-id page

wajeht · Aug 16, 2024 · 9b62184 · 9b62184
1 parent f80fcc7
commit 9b62184
Showing 1 changed file with 9 additions and 1 deletion.
diff --git a/src/views/pages/apps-id.html b/src/views/pages/apps-id.html
@@ -18,7 +18,15 @@ <h2 style="margin: 0;">App</h2>
     <div><strong>Name:</strong></div>
     <div><%= app.name %></div>
     <div><strong>Status:</strong></div>
-    <div><%= app.is_active ? 'Active' : 'Inactive' %></div>
+    <div
+      style="
+        width: fit-content;
+        padding: 0px 5px;
+        border-radius: 5px;
+        <%= app.is_active ? 'color: red; border: 1px solid red;' : 'color: green; border: 1px solid green;' %>"
+    >
+      <%= app.is_active ? 'Active' : 'Inactive' %>
+    </div>
     <div><strong>Url:</strong></div>
     <a href="<%= app.url %>"><%= app.url %></a>
     <div><strong>Description:</strong></div>