From 76c092dcf20959bc52fcb13b28cee50cd4217e40 Mon Sep 17 00:00:00 2001
From: Jacky Zhao <j.zhao2k19@gmail.com>
Date: Thu, 20 Jul 2023 04:59:48 +0000
Subject: [PATCH] add custom.scss

---
 quartz/components/styles/graph.scss |   14 ++++++++------
 1 files changed, 8 insertions(+), 6 deletions(-)

diff --git a/quartz/components/styles/graph.scss b/quartz/components/styles/graph.scss
index 76323bb..435be79 100644
--- a/quartz/components/styles/graph.scss
+++ b/quartz/components/styles/graph.scss
@@ -1,3 +1,5 @@
+@use "../../styles/variables.scss" as *;
+
 .graph {
   & > h3 {
     font-size: 1rem;
@@ -9,9 +11,9 @@
     border: 1px solid var(--lightgray);
     box-sizing: border-box;
     height: 250px;
-    width: 300px;
     margin: 0.5em 0;
     position: relative;
+    overflow: hidden;
 
     & > #global-graph-icon {
       color: var(--dark);
@@ -31,10 +33,6 @@
         background-color: var(--lightgray);
       }
     }
-
-    & > #graph-container > svg {
-      margin-bottom: -5px;
-    }
   }
 
   & > #global-graph-outer {
@@ -44,9 +42,9 @@
     top: 0;
     width: 100vw;
     height: 100%;
-    overflow: scroll;
     backdrop-filter: blur(4px);
     display: none;
+    overflow: hidden;
 
     &.active {
       display: inline-block;
@@ -63,6 +61,10 @@
       transform: translate(-50%, -50%);
       height: 60vh;
       width: 50vw;
+
+      @media all and (max-width: $fullPageWidth) {
+        width: 90%;
+      }
     }
   }
 }

--
Gitblit v1.10.0