sfbrigade · hannahmcg · Apr 9, 2024 · Feb 28, 2024 · Feb 29, 2024 · Mar 5, 2024
diff --git a/src/components/layout/Layout.module.css b/src/components/layout/Layout.module.css
@@ -7,11 +7,11 @@
 .main {
   flex: 10;
   position: relative;
-  background-color: var(--background);
-  color: var(--on-background);
   height: 100%;
   width: 100%;
   padding: 5em 3em 3em 3em;
+  margin-left: 0;
+  overflow: auto;
 }
 
 .mainPurple {
@@ -30,12 +30,6 @@
   background-color: var(--grey-80);
 }
 
-/* @media only screen and (max-width: 480px) {
-  .main {
-    padding: 5em 3em 3em 3em;
-  }
-} */
-
 @media only screen and (min-width: 480px) {
   .main {
     padding: 5em 3em 3em 3em;
@@ -51,6 +45,9 @@
 
 /* Medium Devices, Desktops */
 @media only screen and (min-width: 992px) {
+  .main {
+    margin-left: 200px;
+  }
 }
 
 /* Large Devices, Wide Screens */

diff --git a/src/components/navbar/Navbar.module.css b/src/components/navbar/Navbar.module.css
@@ -18,6 +18,9 @@
   background-color: var(--primary-40);
   display: block;
   width: 200px;
+  position: fixed;
+  z-index: 1;
+  height: 100vh;
 }
 
 .link {

diff --git a/src/styles/StudentPage.module.css b/src/styles/StudentPage.module.css
@@ -58,7 +58,7 @@
   border-radius: 10px;
   margin-top: 2rem;
   min-height: 50vh;
-  max-height: 70vh;
+  max-height: 100vh;
 }
 
 .noIepBox {

diff --git a/src/components/iep/Iep.tsx b/src/components/iep/Iep.tsx
 import { trpc } from "@/client/lib/trpc";
 import Goals from "@/components/goal/Goal";
 import $button from "@/components/design_system/button/Button.module.css";
 import $input from "@/styles/Input.module.css";
 import Box from "@mui/material/Box";
 import Container from "@mui/material/Container";
 import List from "@mui/material/List";
diff --git a/src/components/subgoal/Subgoal.tsx b/src/components/subgoal/Subgoal.tsx
 import { trpc } from "@/client/lib/trpc";
 import { Subgoal } from "@/types/global";
 import Box from "@mui/material/Box";
 import Button from "@mui/material/Button";
diff --git a/src/components/uploadPicture/uploadImage.tsx b/src/components/uploadPicture/uploadImage.tsx
      {currentStep === UploadStep.UploadPicture && (
        <div className={styles.uploadContainer}>
          {selectedFile && (
            <img
              src={URL.createObjectURL(selectedFile)}
              className={styles.imagePreview}
              alt="preview of image"
diff --git a/src/components/uploadedFile/uploadedFile.tsx b/src/components/uploadedFile/uploadedFile.tsx
      {data ? (
        <>
          {data.content_type.startsWith("image/") ? (
            <img
              src={data.url}
              className={styles.image}
              alt={`user uploaded image: ${data.name}`}
diff --git a/src/pages/staff/[user_id].tsx b/src/pages/staff/[user_id].tsx
 import { useState } from "react";
 import { trpc } from "@/client/lib/trpc";
 import { useRouter } from "next/router";
 import $home from "@/styles/Home.module.css";
 import $button from "@/components/design_system/button/Button.module.css";
 import $StaffPage from "../../styles/StaffPage.module.css";
 import $Modal from "../../styles/Modal.module.css";
diff --git a/src/theme.ts b/src/theme.ts
    "0px 4px 4px 0px rgba(0, 0, 0, 0.30), 0px 8px 12px 6px rgba(0, 0, 0, 0.15)",
    ...new Array(20).map(() => "none"),
    // type requires 20+ elements
  ] as any,
  typography: {
    allVariants: {
      letterSpacing: "normal",
	import { trpc } from "@/client/lib/trpc";
	import Goals from "@/components/goal/Goal";
	import $button from "@/components/design_system/button/Button.module.css";
	import $input from "@/styles/Input.module.css";
Check warning on line 4 in src/components/iep/Iep.tsx GitHub Actions / lint `'$input' is defined but never used`
	import Box from "@mui/material/Box";
	import Container from "@mui/material/Container";
	import List from "@mui/material/List";
	import { trpc } from "@/client/lib/trpc";
Check warning on line 1 in src/components/subgoal/Subgoal.tsx GitHub Actions / lint `'trpc' is defined but never used`
	import { Subgoal } from "@/types/global";
	import Box from "@mui/material/Box";
	import Button from "@mui/material/Button";
	{currentStep === UploadStep.UploadPicture && (
	<div className={styles.uploadContainer}>
	{selectedFile && (
	<img
Check warning on line 120 in src/components/uploadPicture/uploadImage.tsx GitHub Actions / lint Using `<img>` could result in slower LCP and higher bandwidth. Use `<Image />` from `next/image` instead to utilize Image Optimization. See: https://nextjs.org/docs/messages/no-img-element
	src={URL.createObjectURL(selectedFile)}
	className={styles.imagePreview}
	alt="preview of image"
	{data ? (
	<>
	{data.content_type.startsWith("image/") ? (
	<img
Check warning on line 26 in src/components/uploadedFile/uploadedFile.tsx GitHub Actions / lint Using `<img>` could result in slower LCP and higher bandwidth. Use `<Image />` from `next/image` instead to utilize Image Optimization. See: https://nextjs.org/docs/messages/no-img-element
	src={data.url}
	className={styles.image}
	alt={`user uploaded image: ${data.name}`}
	import { useState } from "react";
	import { trpc } from "@/client/lib/trpc";
	import { useRouter } from "next/router";
	import $home from "@/styles/Home.module.css";
Check warning on line 4 in src/pages/staff/[user_id].tsx GitHub Actions / lint `'$home' is defined but never used`
	import $button from "@/components/design_system/button/Button.module.css";
	import $StaffPage from "../../styles/StaffPage.module.css";
	import $Modal from "../../styles/Modal.module.css";
	"0px 4px 4px 0px rgba(0, 0, 0, 0.30), 0px 8px 12px 6px rgba(0, 0, 0, 0.15)",
	...new Array(20).map(() => "none"),
	// type requires 20+ elements
	] as any,
Check warning on line 17 in src/theme.ts GitHub Actions / lint `Unexpected any. Specify a different type`
	typography: {
	allVariants: {
	letterSpacing: "normal",