mobile view fix

hack4impact-calpoly · Feb 7, 2024 · 52fe91a · 52fe91a
1 parent 251856c
commit 52fe91a
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 11 deletions.
diff --git a/src/app/components/Sidebar_Guest.tsx b/src/app/components/Sidebar_Guest.tsx
@@ -16,7 +16,7 @@ const Sidebar = () => {
   // returns the current route that user is on, null if user is on the root (admin page.tsx)
   const segement = useSelectedLayoutSegment();
 
-  // useState for determining if slider is collapased
+  // useState 1ining if slider is collapased
   const [isCollapsed, setCollapsed] = useState(false);
 
   const toggleSlider = () => {

diff --git a/src/app/styles/admin/sidebar.module.css b/src/app/styles/admin/sidebar.module.css
@@ -50,7 +50,7 @@
 }
 
 .currentOption {
-  background-color: #f0f0f0;
+  background-color: #3498db;
 }
 
 .toggleButton {
@@ -95,16 +95,7 @@
 
 /* mobile view */
 @media (max-width: 768px) {
-  .sidebar {
-    width: 45vw;
-    text-align: center;
-  }
-
   .collapsedSidebar {
-    width: 40px;
-    padding-left: 10px;
-    overflow: hidden;
-    height: 60px;
     box-shadow: 0px 0 0px rgba(0, 0, 0, 0.1);
   }
 }