From 6208e1a65505cfba6e4e710d5f262577fc13103f Mon Sep 17 00:00:00 2001
From: ='fauz <='fauzgabriel@gmail.com>
Date: Wed, 2 Jul 2025 14:01:26 +0700
Subject: [PATCH] style map

---
 static/style.css     | 27 ++++++++++++++-------------
 templates/index.html | 20 ++++++++++----------
 2 files changed, 24 insertions(+), 23 deletions(-)

diff --git a/static/style.css b/static/style.css
index dc67297..675dfc3 100644
--- a/static/style.css
+++ b/static/style.css
@@ -34,7 +34,7 @@ header {
     background-color: var(--background-color1);
     position: fixed;
     z-index: 100;
-    box-shadow: 1px 1px 15px rgba(161, 182, 253, 0.825);
+    box-shadow: 1px 1px 15px rgba(18, 54, 170, 0.825);
     display: flex;
     justify-content: space-between;
     align-items: center;
@@ -123,7 +123,7 @@ header {
     display: flex;
     width: 100vw;
     position: relative;
-    top: 70px;
+    top: 10px;
     z-index: 1;
 }
 
@@ -132,11 +132,11 @@ header {
 }
 
 .main {
-    height: calc(100vh - 70px);
+    height: calc(100vh - 20px);
     width: 100%;
     overflow-y: scroll;
     overflow-x: hidden;
-    padding: 40px 30px 30px 30px;
+    /* padding: 40px 30px 30px 30px; */
 }
 
 .main::-webkit-scrollbar-thumb {
@@ -232,11 +232,11 @@ header {
 }
 
 .box {
-    height: 130px;
-    width: 430px;
+    height: 80px;
+    width: 330px;
     border-radius: 20px;
     box-shadow: 3px 3px 10px rgba(0, 30, 87, 0.751);
-    padding: 20px;
+    padding: 10px;
     display: flex;
     align-items: center;
     justify-content: space-around;
@@ -279,18 +279,18 @@ header {
 }
 
 .topic-heading {
-    font-size: 30px;
+    font-size: 24px;
     letter-spacing: 3px;
 }
 
 .report-container {
-     min-height: 90vh;
+    min-height: 97vh;
     /*max-width: 1200px; */
     margin: 10px auto 0px auto;
     background-color:rgb(188, 188, 188);
     border-radius: 30px;
     box-shadow: 3px 3px 10px rgb(188, 188, 188);
-    padding: 0px 20px 20px 20px;
+    padding: 0px 20px 10px 0px;
 }
 
 #map {
@@ -299,7 +299,7 @@ header {
 }
 
 .report-header {
-    height: 130px;
+    height: 100px;
     width: 100%;
     display: flex;
     align-items: center;
@@ -327,6 +327,7 @@ header {
   padding: 20px;
   align-items: center;
   justify-content: left;
+  max-width: 400;
 }
 
 .recent-Articles {
@@ -354,14 +355,14 @@ header {
 
 .report-topic-heading,
 .item1 {
-    width: 1120px;
+    width: 1020px;
     display: flex;
     justify-content: space-between;
     align-items: center;
 }
 
 .t-op {
-    font-size: 18px;
+    font-size: 16px;
     letter-spacing: 0px;
 }
 
diff --git a/templates/index.html b/templates/index.html
index ddbbbb8..fba7f41 100644
--- a/templates/index.html
+++ b/templates/index.html
@@ -101,7 +101,7 @@
                                 alt="comments" />
                         </div>
 
-                        <div class="box box4">
+                        <!-- <div class="box box4">
                             <div class="text">
                                 <h2 class="topic-heading">70</h2>
                                 <h2 class="topic">Published</h2>
@@ -109,7 +109,7 @@
 
                             <img src="https://media.geeksforgeeks.org/wp-content/uploads/20221210185029/13.png"
                                 alt="published" />
-                        </div>
+                        </div> -->
                     </div>
                 </div>
 
@@ -168,10 +168,10 @@
                                 </div>
                             </div>
                         </div>
-                        <div class="row">
+                        <!-- <div class="row">
                             <div class="col-md-12">
                                 <canvas id="canvas" style="width=100%"></canvas>
-                            </div>
+                            </div> -->
                         </div>
                         <!-- <canvas id="myChart" style="width:80%;max-width:400px; margin-left: 20px;"></canvas> -->
                     </div> 
@@ -888,12 +888,12 @@
                 ]
             }
 
-            var chart = document.getElementById("canvas").getContext("2d");
-            window.myBar = new Chart(chart, {
-                type: "bar", // <- gunakan type di sini, bukan .Bar()
-                data: chartData,
-                options: chartOptions
-            });
+            //var chart = document.getElementById("canvas").getContext("2d");
+            //window.myBar = new Chart(chart, {
+            //    type: "bar", // <- gunakan type di sini, bukan .Bar()
+            //    data: chartData,
+            //    options: chartOptions
+            //});
         }
   </script>