Add logo and style nav title section

sfbrigade · Sep 26, 2024 · 615064e · 615064e
1 parent 2187380
commit 615064e
Show file tree

Hide file tree

Showing 2 changed files with 16 additions and 4 deletions.
diff --git a/client/src/components/Sidebar/Sidebar.jsx b/client/src/components/Sidebar/Sidebar.jsx
@@ -68,9 +68,14 @@ const sections = [
 export function Sidebar() {
   return (
     <nav className={classes.navbar}>
-      <Group>
-        <div>Icon</div>
-        <h3 className={classes.title}>SF Life Line</h3>
+      <Group align="center" className={classes.title}>
+        <img
+          src="/logo.svg"
+          alt="SF Lifeline Logo"
+          width={'30rem'}
+          height={'30rem'}
+        />
+        <p>SF Life Line</p>
       </Group>
       <ScrollArea className={classes.links}>
         <div className={classes.linksInner}>

diff --git a/client/src/components/Sidebar/sidebar.module.css b/client/src/components/Sidebar/sidebar.module.css
@@ -12,7 +12,14 @@
 }
 
 .title {
-  margin-bottom: 0;
+  margin-top: 1rem;
+  margin-left: 1rem;
+}
+
+.title > p {
+  margin: 0;
+  font-size: 1.25rem;
+  font-weight: 700;
 }
 
 .links {