fix: width of logo

SELab-2 · Mar 7, 2024 · 5e89504 · 5e89504
1 parent 2783ace
commit 5e89504
Show file tree

Hide file tree

Showing 2 changed files with 17 additions and 2 deletions.
diff --git a/frontend/src/assets/styles/mainpage.css b/frontend/src/assets/styles/mainpage.css
@@ -9,6 +9,7 @@
 
     img {
         background-color: #5f63c8;
+        width: 4vw;
         height: 100%;
     }
 }
@@ -19,7 +20,7 @@
 }
 
 .side-bar {
-    width: 4.15vw;
+    width: 4vw;
     background-color: #6a74ce;
 
     li {

diff --git a/frontend/src/pages/login/LoginScreen.tsx b/frontend/src/pages/login/LoginScreen.tsx
@@ -1,7 +1,21 @@
 import {JSX} from "react";
+import {Header} from "../../components/Header.tsx";
+import {Sidebar} from "../../components/Sidebar.tsx";
 
 export default function LoginScreen(): JSX.Element {
     return (
-        <>Login screen</>
+        <>
+            <div className={"main-header"}>
+                <Header/>
+            </div>
+            <div className={"main-content is-flex is-flex-direction-row"}>
+                <div className={"side-bar"}>
+                    <Sidebar/>
+                </div>
+                <div>
+                    <>Login screen</>
+                </div>
+            </div>
+        </>
     )
 }