fix: fix navbar size in the image modal

acid-info · Jun 21, 2023 · 964bf92 · 964bf92
1 parent 4a0ada2
commit 964bf92
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 2 deletions.
diff --git a/packages/logos-docusaurus-theme/src/client/containers/LightBox/LightBox.tsx b/packages/logos-docusaurus-theme/src/client/containers/LightBox/LightBox.tsx
@@ -100,7 +100,9 @@ export const LightBoxProvider: React.FC<React.PropsWithChildren<{}>> = ({
               className={clsx(styles.backdrop, active && styles.visible)}
             ></div>
             <div className={clsx(styles.navWrapper, active && styles.visible)}>
-              <nav className={clsx(styles.nav, active && styles.visible)}>
+              <nav
+                className={clsx(styles.nav, 'navbar', active && styles.visible)}
+              >
                 <NavbarLogo />
                 <IconButton size="medium" onClick={close}>
                   <IconFullscreenExit />

diff --git a/packages/logos-docusaurus-theme/src/client/containers/LightBox/styles.module.scss b/packages/logos-docusaurus-theme/src/client/containers/LightBox/styles.module.scss
@@ -16,7 +16,7 @@
   position: fixed;
   top: 0;
   left: 0;
-  width: 100vw;
+  width: 100%;
   height: 100%;
   background: transparent;
   z-index: 203;
@@ -91,4 +91,8 @@
   .wrapper > div {
     overflow: visible !important;
   }
+
+  .nav {
+    height: 56px;
+  }
 }