Some styling fixes

UCSolarCarTeam · Mar 5, 2024 · 8f3efee · 8f3efee
1 parent a7d5c00
commit 8f3efee
Show file tree

Hide file tree

Showing 3 changed files with 1,865 additions and 1,891 deletions.
diff --git a/client/src/components/DraggableGraph.tsx b/client/src/components/DraggableGraph.tsx
@@ -21,7 +21,7 @@ function DraggableGraph({
 }) {
   return (
     <Draggable handle="strong">
-      <div className="box absolute z-50 w-fit rounded bg-white shadow-xl">
+      <div className="box bg-light text-light dark:bg-dark dark:text-dark absolute z-50 w-fit rounded shadow-2xl">
         <div className="relative flex flex-row items-center justify-center">
           <strong>
             <div className="cursor-pointer select-none">{graphID}</div>
@@ -34,8 +34,8 @@ function DraggableGraph({
           />
         </div>
         <LineChart
-          width={500}
-          height={300}
+          width={250}
+          height={150}
           data={data}
           margin={{
             top: 5,

diff --git a/client/src/components/GraphContainer.tsx b/client/src/components/GraphContainer.tsx
@@ -7,43 +7,36 @@ export default function GraphContainer() {
   const { openGraphs, closeGraph } = useGraphOverlay();
   const data = [
     {
-      name: "Page A",
       uv: 4000,
       pv: 2400,
       amt: 2400,
     },
     {
-      name: "Page B",
       uv: 3000,
       pv: 1398,
       amt: 2210,
     },
     {
-      name: "Page C",
       uv: 2000,
       pv: 9800,
       amt: 2290,
     },
     {
-      name: "Page D",
       uv: 2780,
       pv: 3908,
       amt: 2000,
     },
     {
-      name: "Page E",
       uv: 1890,
       pv: 4800,
       amt: 2181,
     },
     {
-      name: "Page F",
       uv: 2390,
       pv: 3800,
       amt: 2500,
     },
     {
-      name: "Page G",
       uv: 3490,
       pv: 4300,
       amt: 2100,