chore: add styles for logo and markdown images

GetStream · Jun 29, 2023 · 47aa58a · 47aa58a
1 parent 5bc1153
commit 47aa58a
Show file tree

Hide file tree

Showing 4 changed files with 57 additions and 6 deletions.
diff --git a/src/css/components/markdown.scss b/src/css/components/markdown.scss
@@ -34,4 +34,19 @@
   h3.heading {
     --ifm-h3-font-size: 1.375rem;
   }
+
+  img {
+    display: flex;
+    align-items: center;
+    margin: 0 auto;
+    width: 100%;
+    max-height: 600px;
+    object-fit: contain;
+    background-color: #edeeeb;
+    border-radius: 16px;
+
+    @media (min-width: 997px) {
+      padding: 36px;
+    }
+  }
 }
diff --git a/src/theme/Navbar/styles.scss b/src/theme/Navbar/styles.scss
@@ -29,13 +29,25 @@
   z-index: calc(var(--ifm-z-index-fixed) + 15);
 
   &__brand {
-    margin-right: 1.875rem;
+    width: 53px;
+    height: 46px;
+    margin-right: 1rem !important;
+    background-repeat: contain;
+    background-image: url("/img/logo-active.svg");
+    border-radius: 0.5rem;
   }
 
   &__logo {
-    height: 1.25rem;
-    transform: translateY(-0.1rem);
-    margin-right: 0.2rem;
+    height: 100%;
+    margin: 0;
+
+    img {
+      width: 100%;
+    }
+
+    &:hover {
+      opacity: 0;
+    }
   }
 
   &__title {

diff --git a/static/img/logo-active.svg b/static/img/logo-active.svg
diff --git a/static/img/logo.svg b/static/img/logo.svg