Merge pull request #953 from NBISweden/949-add-urdr-icon

Style: add urdr-image to login-page
NBISweden · Aug 22, 2024 · 22d2a52 · 22d2a52
2 parents f3f0747 + 6d62a55
commit 22d2a52
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 2 deletions.
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-70x70.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,11 @@ Other button classes are defined further down together with other classes for th
 
 .header-wrapper {
   width: 100vw;
-  height: 10rem;
+  padding: 1rem 3rem 3rem;
   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 +112,10 @@ Other button classes are defined further down together with other classes for th
   }
 }
 
+.header-wrapper img {
+  display: block;
+}
+
 .header-heading {
   color: hsl(186deg 92% 11%);
   font-size: 3rem;