styling

src/pages/Graph/Graph.module.css

@@ -2,4 +2,5 @@
   display: flex;
   width: 100%;
   height: 100vh;
+  color: black;
 }

src/pages/Graph/index.jsx

@@ -15,11 +15,15 @@ import styles from './Graph.module.css';
 const initialNodes = [
   { id: '1', position: { x: 0, y: 0 }, data: { label: '1' } },
   { id: '2', position: { x: 0, y: 100 }, data: { label: '2' } },
+  { id: '3', position: { x: 50, y: 50 }, data: { label: '3' } },
 ];
 // const initialEdges = [];
 const initialEdges = [
   { id: 'e1-2', source: '1', target: '2' }
 ];
+
+const proOptions = { hideAttribution: true };
+
 const Graph = () => {
   const [playlistNodes, setNodes, onNodesChange] = useNodesState(initialNodes);
   const [linkEdges, setEdges, onEdgesChange] = useEdgesState(initialEdges);
@@ -33,6 +37,8 @@ const Graph = () => {
       <ReactFlow
         nodes={playlistNodes}
         edges={linkEdges}
+        fitView
+        proOptions={proOptions}
         onNodesChange={onNodesChange}
         onEdgesChange={onEdgesChange}
         onConnect={onConnect}

src/pages/Landing/Landing.module.css

@@ -3,7 +3,7 @@
   flex-direction: column;
   align-items: center;
   justify-content: center;
-  font-size: calc(10px + 2vmin);
+  font-size: var(--headingFontSize);
 }
 
 .app_logo {

src/pages/Landing/index.jsx

@@ -1,7 +1,6 @@
 import React, { useEffect } from "react"
 import { useSearchParams } from "react-router-dom";
 import styles from "./Landing.module.css"
-import logo from '../../assets/icons/logo.svg';
 import { showInfoToastNotification, showSuccessToastNotification } from "../../components/ToastNotification";
 import AnimatedSVG from "../../components/AnimatedSVG";
 

src/pages/Login/Login.module.css

@@ -2,5 +2,5 @@
   display: flex;
   align-items: center;
   justify-content: center;
-  font-size: calc(10px + 2vmin);
+  font-size: var(--headingFontSize);
 }

src/pages/Logout/Logout.module.css

@@ -2,5 +2,5 @@
   display: flex;
   align-items: center;
   justify-content: center;
-  font-size: calc(10px + 2vmin);
+  font-size: var(--headingFontSize);
 }