Add OME Logo to nav bar

ome · Oct 14, 2024 · 2522eef · 2522eef
1 parent 106f6ab
commit 2522eef
Show file tree

Hide file tree

Showing 2 changed files with 59 additions and 1 deletion.
diff --git a/public/ome-main-nav.svg b/public/ome-main-nav.svg
diff --git a/src/Nav.svelte b/src/Nav.svelte
@@ -3,9 +3,17 @@
   import AboutDialog from "./Dialogs/AboutDialog.svelte";
   const { open } = getContext("simple-modal");
   const showAbout = () => open(AboutDialog);
+  import omelogo from "/ome-main-nav.svg"
 </script>
 
-<h1>OME-NGFF Validator</h1>
+
+<div class="navLeft">
+
+  <img style="height: 30px" alt="OME Logo" src="{omelogo}"/>
+
+  <h1>NGFF Validator</h1>
+
+</div>
 
 <ul>
   <li>
@@ -14,6 +22,13 @@
 </ul>
 
 <style>
+  .navLeft {
+    display: flex;
+    flex-direction: row;
+    align-items: center;
+    margin-left: 15px;
+  }
+
   h1 {
     color: white;
     font-weight: 300;