From 921667dfbc117c4e2fb041acf8e22f57ef971140 Mon Sep 17 00:00:00 2001
From: AntoninoP <antoninopiraino70@gmail.com>
Date: Sat, 24 Aug 2024 11:47:26 +0200
Subject: [PATCH] better color for history cards

---
 src/pages/ServerHistory/ServerHistory.jsx     |  5 -----
 .../ServerHistory/ServerHistory.module.scss   | 19 +++++++++++--------
 2 files changed, 11 insertions(+), 13 deletions(-)

diff --git a/src/pages/ServerHistory/ServerHistory.jsx b/src/pages/ServerHistory/ServerHistory.jsx
index 0c1b2aa..50ebb63 100644
--- a/src/pages/ServerHistory/ServerHistory.jsx
+++ b/src/pages/ServerHistory/ServerHistory.jsx
@@ -36,8 +36,6 @@ const ServerHistory = () => {
         historyString = historyString.replace(/'{2,}/g, '');
         historyString = historyString.trim();
 
-        console.log("History string after parsing:", historyString);
-
         historyString = historyString.replace(/(\d{4}-\d{2}-\d{2} \d{2}:\d{2}:\d{2})(type": ")/g, '$1", "$2');
         historyString = historyString.replace(/(type": "ServerCreate|ServerRun|Command|UpdateProperties)(details": )/g, '$1", "$2');
 
@@ -52,12 +50,9 @@ const ServerHistory = () => {
             details: detailsMatch ? detailsMatch[1] : null
           };
 
-          console.log("Parsed entry:", parsedEntry);
-
           return parsedEntry;
         });
 
-        console.log("Final history array:", historyArray);
 
         setHistory(historyArray);
       } else {
diff --git a/src/pages/ServerHistory/ServerHistory.module.scss b/src/pages/ServerHistory/ServerHistory.module.scss
index b14bb03..0cdf934 100644
--- a/src/pages/ServerHistory/ServerHistory.module.scss
+++ b/src/pages/ServerHistory/ServerHistory.module.scss
@@ -6,25 +6,27 @@
     display: flex;
     flex-direction: row; 
     gap: 1.5rem;
-    background-color: white;
+    background-color: #1D1836;
     color: black;
     margin-bottom: 1rem;
     padding: 2.5rem;
     font-size: 1.2rem;
+    border: .1rem solid #343947;
+
 }
-  
-  .historyCards {
+
+  .historyCard {
     display: flex;
     flex-direction: column;
     gap: 1rem;
-  }
-  
-  .historyCard {
+    margin-bottom: 1.5rem;
     border: 1px solid #ccc;
     padding: 1rem;
     border-radius: 4px;
-    background-color: #f9f9f9;
-    color: black;
+    background-color: #100D25;
+    color: white;
+    border: .1rem solid #343947;
+
   }
   
 
@@ -32,6 +34,7 @@
     display: flex; 
     align-items: center; 
     gap: 0.5rem; 
+    color: white;
 }
 
 .filterContainer input[type="checkbox"] {