updated read me

prabhuignoto · Mar 4, 2024 · fea16e9 · fea16e9
1 parent 8e4ee86
commit fea16e9
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 1 deletion.
diff --git a/README.md b/README.md
@@ -526,6 +526,8 @@ Use the breakpoint feature to automatically switch the timeline to `VERTICAL` mo
 
 Customize colors with the `theme` prop.
 
+> Checkout the documentation for the complete list of available theme properties.
+
 ```jsx
 <Chrono
   items={items}

diff --git a/src/components/elements/popover/popover.styles.ts b/src/components/elements/popover/popover.styles.ts
@@ -22,7 +22,7 @@ export const PopoverHolder = styled.div<{
   overflow-y: auto;
   padding: 0.5rem;
   position: absolute;
-  ${(p) => (p.$position === 'bottom' ? `bottom: 3.5rem` : `top: 3.5rem`)};
+  ${(p) => (p.$position === 'bottom' ? `bottom: 3.5rem` : `top: 4rem`)};
   ${(p) => (p.$isMobile ? 'left: 4px;' : '')};
   width: ${({ $isMobile, $width }) => ($isMobile ? '90%' : `${$width}px`)};
   z-index: 100;
-Original file line number
+Diff line change
@@ Expand Up @@
     Customize colors with the `theme` prop.
+    > Checkout the documentation for the complete list of available theme properties.
     ```jsx
     <Chrono
       items={items}
@@ Expand Down @@