From c67d7153dd334d28de6ae504fd13e882d9c331bd Mon Sep 17 00:00:00 2001
From: moesaid <masedup@gmail.com>
Date: Thu, 1 Aug 2024 22:54:02 -0400
Subject: [PATCH] updated generalReport

---
 css/style.css | 20 ++++++++++++++++++++
 index.html    | 36 ++++++++++++++++++------------------
 2 files changed, 38 insertions(+), 18 deletions(-)

diff --git a/css/style.css b/css/style.css
index 3aad097..d77de2b 100644
--- a/css/style.css
+++ b/css/style.css
@@ -1592,6 +1592,11 @@ div.code-toolbar .toolbar button:hover {
   background-color: rgb(209 213 219 / var(--tw-bg-opacity));
 }
 
+.bg-red-100{
+  --tw-bg-opacity: 1;
+  background-color: rgb(254 226 226 / var(--tw-bg-opacity));
+}
+
 .object-cover{
   -o-object-fit: cover;
      object-fit: cover;
@@ -1942,6 +1947,12 @@ div.code-toolbar .toolbar button:hover {
   outline-offset: 2px;
 }
 
+@media (min-width: 640px){
+  .sm\:grid-cols-1{
+    grid-template-columns: repeat(1, minmax(0, 1fr));
+  }
+}
+
 @media (min-width: 768px){
   .md\:static{
     position: static;
@@ -1991,6 +2002,12 @@ div.code-toolbar .toolbar button:hover {
   .md\:w-full{
     width: 100%;
   }
+  .md\:grid-cols-1{
+    grid-template-columns: repeat(1, minmax(0, 1fr));
+  }
+  .md\:grid-cols-4{
+    grid-template-columns: repeat(4, minmax(0, 1fr));
+  }
   .md\:flex-row{
     flex-direction: row;
   }
@@ -2046,6 +2063,9 @@ div.code-toolbar .toolbar button:hover {
   .lg\:mb-6{
     margin-bottom: 1.5rem;
   }
+  .lg\:mt-16{
+    margin-top: 4rem;
+  }
   .lg\:h-auto{
     height: auto;
   }
diff --git a/index.html b/index.html
index 94628ae..87779d5 100644
--- a/index.html
+++ b/index.html
@@ -335,7 +335,7 @@ <h1 class="text-sm font-semibold">mick</h1>
 
 <!-- strat wrapper -->
 <div class="h-screen flex flex-row flex-wrap">
-  
+
     <!-- start sidebar -->
   <div id="sideBar" class="relative flex flex-col flex-wrap bg-white border-r border-gray-300 p-6 flex-none w-64 md:-ml-64 md:fixed md:top-0 md:z-30 md:h-screen md:shadow-xl animated faster">
     
@@ -487,18 +487,18 @@ <h1 class="text-sm font-semibold">mick</h1>
   <!-- end sidbar -->
 
   <!-- strat content -->
-  <div class="bg-gray-100 flex-1 p-6 md:mt-16"> 
+  <div class="bg-gray-100 flex-1 p-6 md:mt-16">
+
 
-    
     <!-- General Report -->
-    <div class="grid grid-cols-4 gap-6 xl:grid-cols-1">
+    <div class="grid gap-6 md:grid-cols-4 sm:grid-cols-1">
 
 
     <!-- card -->
     <div class="report-card">
         <div class="card">
             <div class="card-body flex flex-col">
-                
+
                 <!-- top -->
                 <div class="flex flex-row justify-between items-center">
                     <div class="h6 text-indigo-700 fad fa-shopping-cart"></div>
@@ -513,9 +513,9 @@ <h1 class="text-sm font-semibold">mick</h1>
                 <div class="mt-8">
                     <h1 class="h5 num-4"></h1>
                     <p>items sales</p>
-                </div>                
+                </div>
                 <!-- end bottom -->
-    
+
             </div>
         </div>
         <div class="footer bg-white p-1 mx-4 border border-t-0 rounded rounded-t-none"></div>
@@ -527,7 +527,7 @@ <h1 class="h5 num-4"></h1>
     <div class="report-card">
         <div class="card">
             <div class="card-body flex flex-col">
-                
+
                 <!-- top -->
                 <div class="flex flex-row justify-between items-center">
                     <div class="h6 text-red-700 fad fa-store"></div>
@@ -542,9 +542,9 @@ <h1 class="h5 num-4"></h1>
                 <div class="mt-8">
                     <h1 class="h5 num-4"></h1>
                     <p>new orders</p>
-                </div>                
+                </div>
                 <!-- end bottom -->
-    
+
             </div>
         </div>
         <div class="footer bg-white p-1 mx-4 border border-t-0 rounded rounded-t-none"></div>
@@ -556,7 +556,7 @@ <h1 class="h5 num-4"></h1>
     <div class="report-card">
         <div class="card">
             <div class="card-body flex flex-col">
-                
+
                 <!-- top -->
                 <div class="flex flex-row justify-between items-center">
                     <div class="h6 text-yellow-600 fad fa-sitemap"></div>
@@ -571,9 +571,9 @@ <h1 class="h5 num-4"></h1>
                 <div class="mt-8">
                     <h1 class="h5 num-4"></h1>
                     <p>total Products</p>
-                </div>                
+                </div>
                 <!-- end bottom -->
-    
+
             </div>
         </div>
         <div class="footer bg-white p-1 mx-4 border border-t-0 rounded rounded-t-none"></div>
@@ -585,7 +585,7 @@ <h1 class="h5 num-4"></h1>
     <div class="report-card">
         <div class="card">
             <div class="card-body flex flex-col">
-                
+
                 <!-- top -->
                 <div class="flex flex-row justify-between items-center">
                     <div class="h6 text-green-700 fad fa-users"></div>
@@ -600,15 +600,15 @@ <h1 class="h5 num-4"></h1>
                 <div class="mt-8">
                     <h1 class="h5 num-4"></h1>
                     <p>new Visitor</p>
-                </div>                
+                </div>
                 <!-- end bottom -->
-    
+
             </div>
         </div>
         <div class="footer bg-white p-1 mx-4 border border-t-0 rounded rounded-t-none"></div>
     </div>
     <!-- end card -->
-    
+
 
 </div>
     <!-- End General Report -->
@@ -961,7 +961,7 @@ <h1>safari</h1>
 
 </div>
     <!-- end quick Info -->
-        
+
 
   </div>
   <!-- end content -->