From 5a7e179b05cd6cc52b0e7bab46b835e915507384 Mon Sep 17 00:00:00 2001
From: fynks <75840152+fynks@users.noreply.github.com>
Date: Sun, 24 Aug 2025 20:06:17 +0500
Subject: [PATCH] Add styles for check and cross SVG indicators in tables
---
dist/css/styles.css | 12 ++++++++++++
dist/js/app.js | 8 ++++----
2 files changed, 16 insertions(+), 4 deletions(-)
diff --git a/dist/css/styles.css b/dist/css/styles.css
index dc939c2..da4509f 100644
--- a/dist/css/styles.css
+++ b/dist/css/styles.css
@@ -1111,6 +1111,18 @@ tr:hover {
color: var(--text-secondary);
font-family: 'Courier New', Courier, monospace;
}
+.table-check, .table-cross{
+padding: 0.2em;
+border-radius: 50px;
+}
+.table-check{
+background-color: rgba(90, 221, 90, 0.568);
+}
+.table-cross{
+ background-color: #db747465;
+}
+
+
/* Search */
.search-section {
diff --git a/dist/js/app.js b/dist/js/app.js
index 80f889d..d5e5002 100644
--- a/dist/js/app.js
+++ b/dist/js/app.js
@@ -245,8 +245,8 @@ class TableManager {
|
${isSupported
- ? ''
- : ''
+ ? ''
+ : ''
}
|
@@ -498,8 +498,8 @@ class ComparisonManager {
_generateComparisonRows(provider1, provider2) {
const rows = [];
- const checkSvg = '';
- const crossSvg = '';
+ const checkSvg = '';
+ const crossSvg = '';
for (const [host, providerData] of Object.entries(this.data)) {
const support1 = providerData[provider1] === 'yes';