feat: added the graph popup option

1 files changed, 28 insertions, 0 deletions

diff --git a/static/css/style.css b/static/css/style.css
index a32b5d9..b56451f 100644
--- a/static/css/style.css
+++ b/static/css/style.css
@@ -251,6 +251,7 @@ header span {
 }
 
 .chart-container {
+    cursor: pointer;
     position: relative;
     width: 100%;
     height: 200px;
@@ -258,6 +259,20 @@ header span {
     margin-bottom: 10px;
 }
 
+.chart-container::after {
+    content: '🔍';
+    position: absolute;
+    top: 5px;
+    right: 5px;
+    font-size: 16px;
+    opacity: 0;
+    transition: opacity 0.2s ease;
+}
+
+.chart-container:hover::after {
+    opacity: 0.8;
+}
+
 .metric-section-header {
     grid-column: 1 / -1;
     margin-top: 15px;
@@ -392,3 +407,16 @@ header span {
 .shake {
     animation: shake 0.5s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
 }
+
+/* Expanded Chart Modal Styles */
+.chart-modal-content {
+    width: 90%;
+    max-width: 800px;
+}
+
+.expanded-chart-container {
+    position: relative;
+    width: 100%;
+    height: 400px;
+    margin: 20px 0;
+}