fix: li out of page makes scroll

SELab-2 · Mar 20, 2024 · cd68a9e · cd68a9e
1 parent 487eb6b
commit cd68a9e
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 4 deletions.
diff --git a/frontend/src/assets/styles/mainpage.css b/frontend/src/assets/styles/mainpage.css
@@ -42,7 +42,10 @@
         justify-content: center;
         align-items: center;
         padding: 5%;
-        transform: scale(1.5);
+
+        a {
+            transform: scale(1.5);
+        }
     }
 }
 

diff --git a/frontend/src/components/Sidebar.tsx b/frontend/src/components/Sidebar.tsx
@@ -14,11 +14,16 @@ export function Sidebar(): JSX.Element {
         <>
             <aside className={"menu is-flex is-flex-direction-column is-justify-content-space-between"}>
                 <ul className={"menu-list"}>
-                    <li><a><PiProjectorScreen/></a></li>
-                    <li><a><PiFolder/></a></li>
+                    <li>
+                        <a><PiProjectorScreen/></a>
+                    </li>
+                    <li>
+                        <a><PiFolder/></a>
+                    </li>
                 </ul>
                 <ul className={"menu-list"}>
-                    <li><a className={"is-transparent"} onClick={handleSettings}><IoMdSettings/></a>
+                    <li>
+                        <a className={"is-transparent"} onClick={handleSettings}><IoMdSettings/></a>
                     </li>
                 </ul>
             </aside>