small changes

diyhue · Jun 8, 2024 · ae3f944 · ae3f944
1 parent cf468d1
commit ae3f944
Show file tree

Hide file tree

Showing 4 changed files with 8 additions and 3 deletions.
diff --git a/src/Mainframe/Layout.jsx b/src/Mainframe/Layout.jsx
@@ -9,7 +9,7 @@ import "./layout.scss";
 import "./scrollbar.scss";
 
 const Layout = ({ HOST_IP, API_KEY }) => {
-  const isMobile = useMediaQuery({ query: `(max-width: 760px)` });
+  const isMobile = useMediaQuery({ query: `(max-width: 750px)` });
   const [showSidebar, setShowSidebar] = useState(!isMobile);
 
   return (
@@ -27,7 +27,10 @@ const Layout = ({ HOST_IP, API_KEY }) => {
           showSidebar={showSidebar}
           setShowSidebar={setShowSidebar}
         />
-        <ContentSection HOST_IP={HOST_IP} API_KEY={API_KEY} />
+        <ContentSection
+          HOST_IP={HOST_IP}
+          API_KEY={API_KEY}
+        />
       </div>
     </>
   );

diff --git a/src/Mainframe/SidebarSection.jsx b/src/Mainframe/SidebarSection.jsx
@@ -19,7 +19,7 @@ import "./sidebarSection.scss";
 
 const SidebarSection = ({ showSidebar, setShowSidebar, isMobile }) => {
   const [currentElement, setCurrentElement] = useState(
-    window.location.hash.substring(2)
+    "#" + window.location.hash.substring(1)
   );
 
   const itemClicked = (link) => {

diff --git a/src/Mainframe/sidebarSection.scss b/src/Mainframe/sidebarSection.scss
@@ -12,6 +12,7 @@
 
     ul {
       li {
+        cursor: pointer;
         display: flex;
         flex-direction: column;
         transition: all 0.15s ease-in-out;

diff --git a/src/components/IconButton/iconButton.scss b/src/components/IconButton/iconButton.scss
@@ -48,6 +48,7 @@
 
   &.big {
     &.btn {
+      cursor: pointer;
       margin-bottom: 10px;
       display: table;
       flex-direction: column;