refactor: use new arrow prop from ino-popover

inovex · Sep 7, 2023 · e42803d · e42803d
1 parent 05d7107
commit e42803d
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 25 deletions.
diff --git a/packages/landingpage/components/layout/header/desktop/navbar.module.scss b/packages/landingpage/components/layout/header/desktop/navbar.module.scss
@@ -10,28 +10,4 @@ div.popover {
   padding: 15px 8px;
   border-radius: 5px;
   min-width: 160px;
-
-  //arrow/caret
-  &::after {
-    content: '';
-    position: absolute;
-    top: -10px;
-    left: 50%;
-    transform: translateX(-50%);
-    border-left: 10px solid transparent;
-    border-right: 10px solid transparent;
-    border-bottom: 10px solid white;
-  }
-  //shadow of the arrow/caret imitating the popover shadow
-  &::before {
-    content: '';
-    position: absolute;
-    top: -8px;
-    left: 50%;
-    transform: translateX(-50%) rotate(45deg);
-    width: 14px;
-    height: 14px;
-    z-index: -1;
-    box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.3);
-  }
 }
diff --git a/packages/landingpage/components/layout/header/desktop/navbar.tsx b/packages/landingpage/components/layout/header/desktop/navbar.tsx
@@ -38,7 +38,8 @@ export default function Navbar() {
               controlled={false}
               visible={false}
               distance={POPOVER_OFFSET}
-              colorScheme="transparent"
+              colorScheme="light"
+              arrow={true}
             >
               <div className={styles.popover}>
                 {subRoutes.map(({ key: subRouteName, url: subRouteUrl }) => (