style: add urdr-image to login-page

NBISweden · Aug 22, 2024 · 2304dbf · 2304dbf
1 parent 736f976
commit 2304dbf
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 1 deletion.
diff --git a/frontend/src/components/LoginHeader.tsx b/frontend/src/components/LoginHeader.tsx
@@ -4,6 +4,7 @@ import "../index.css";
 export const LoginHeader = () => {
   return (
     <section className="header-wrapper">
+        <img src="mstile-144x144.png" alt="Urdr icon" />
       <h1 className="header-heading">Welcome to urdr</h1>
     </section>
   );

diff --git a/frontend/src/index.css b/frontend/src/index.css
@@ -97,11 +97,12 @@ Other button classes are defined further down together with other classes for th
 
 .header-wrapper {
   width: 100vw;
-  height: 10rem;
+  height: 15rem;
   line-height: 10rem;
   margin-bottom: 3rem;
   background-color: hsl(76deg 55% 53%);
   display: flex;
+  flex-direction: column;
   justify-content: center;
   align-items: center;
 }
@@ -112,6 +113,12 @@ Other button classes are defined further down together with other classes for th
   }
 }
 
+.header-wrapper img{
+  margin-bottom: 1rem;
+  width: 5.5rem;
+  display: block;
+}
+
 .header-heading {
   color: hsl(186deg 92% 11%);
   font-size: 3rem;