update upcoming bill copy; minor modal tweaks (#83)

SchematicHQ · Oct 2, 2024 · bb5803b · bb5803b
1 parent cb7303a
commit bb5803b
Show file tree

Hide file tree

Showing 3 changed files with 6 additions and 3 deletions.
diff --git a/components/src/components/elements/plan-manager/PlanManager.tsx b/components/src/components/elements/plan-manager/PlanManager.tsx
@@ -100,6 +100,7 @@ export const PlanManager = forwardRef<
           <Flex
             $justifyContent="space-between"
             $alignItems="center"
+            $gap="1rem"
             $width="100%"
             {...(canChangePlan && { $margin: "0 0 1.5rem" })}
           >

diff --git a/components/src/components/elements/upcoming-bill/UpcomingBill.tsx b/components/src/components/elements/upcoming-bill/UpcomingBill.tsx
@@ -121,8 +121,7 @@ export const UpcomingBill = forwardRef<
               }
               $color={theme.typography[props.contractEndDate.fontStyle].color}
             >
-              Estimated{" "}
-              {upcomingInvoice.interval === "year" ? "yearly" : "monthly"} bill.
+              Estimated bill.
             </Text>
           </Box>
         </Flex>

diff --git a/components/src/components/ui/modal/Modal.tsx b/components/src/components/ui/modal/Modal.tsx
@@ -51,9 +51,12 @@ export const Modal = ({ children, size = "auto", onClose }: ModalProps) => {
       $width="100%"
       $height="100%"
       $backgroundColor={
-        isLightBackground ? "hsla(0, 0%, 85%, 0.8)" : "hsla(0, 0%, 15%, 0.8)"
+        isLightBackground ? "hsla(0, 0%, 85%, 0.8)" : "hsla(0, 0%, 0%, 0.8)"
       }
       $overflow="hidden"
+      $scrollbarColor={`${isLightBackground ? "hsla(0, 0%, 0%, 0.15)" : "hsla(0, 0%, 100%, 0.15)"} transparent`}
+      $scrollbarWidth="thin"
+      $scrollbarGutter="stable both-edges"
     >
       <Flex
         $position="relative"