From a532690c625b4cc13215d3e8e999eac6e56df771 Mon Sep 17 00:00:00 2001
From: Baitinq <manuelpalenzuelamerino@gmail.com>
Date: Tue, 2 Jul 2024 21:05:28 +0200
Subject: Home: Style block components

---
 src/pages/Home.tsx | 18 ++++++++++++++++--
 1 file changed, 16 insertions(+), 2 deletions(-)

diff --git a/src/pages/Home.tsx b/src/pages/Home.tsx
index 32edf5d..1bce297 100644
--- a/src/pages/Home.tsx
+++ b/src/pages/Home.tsx
@@ -45,7 +45,14 @@ export default function Home(props: any) {
               </div>
             </div>
             <div className="flex flex-row gap-7 flex-grow">
-              <div className="w-1/2 block bg-white border border-gray-200 rounded-lg shadow">
+              <div className="w-1/2 flex flex-col">
+                <p className="text-center">Active hosts</p>
+                <div className="flex-grow block bg-white-500 border border-gray-200 rounded-lg shadow">
+                  <ol>
+                    <li>Host 1</li>
+                    <li>Host 2</li>
+                  </ol>
+                </div>
               </div>
               <div className="w-1/2 ml-auto">
                 <LineGraph />
@@ -55,7 +62,14 @@ export default function Home(props: any) {
               <div className="w-1/2 mr-auto">
                 <LineGraph />
               </div>
-              <div className="w-1/2 block bg-white-500 border border-gray-200 rounded-lg shadow">
+              <div className="w-1/2 flex flex-col">
+                <p className="text-center">Most edited files</p>
+                <div className="flex-grow block bg-white-500 border border-gray-200 rounded-lg shadow">
+                  <ol>
+                    <li>File 1</li>
+                    <li>File 2</li>
+                  </ol>
+                </div>
               </div>
             </div>
           </div>
-- 
cgit 1.4.1