fix: draft relative button

kiwicom · Aug 1, 2024 · 0c9b0ed · 0c9b0ed
1 parent 58249da
commit 0c9b0ed
Showing 1 changed file with 4 additions and 6 deletions.
diff --git a/packages/orbit-components/src/Alert/index.tsx b/packages/orbit-components/src/Alert/index.tsx
@@ -74,7 +74,7 @@ const ContentWrapper = ({
   return (
     <div
       className={cx(
-        "flex min-h-[20px] items-center",
+        "min-h-icon-medium flex items-center",
         !inlineActions && "w-full",
         "[&_.orbit-list-item]:text-ink-dark [&_.orbit-text]:text-ink-dark [&_.orbit-heading]:text-ink-dark",
         ...alertDescendantClasses[type],
@@ -99,7 +99,7 @@ const AlertCloseButton = ({
   icon: React.ReactNode;
 }) => {
   return (
-    <div className={cx("absolute end-0", hasChildren ? "top-0" : "me-xs top-1/2 -translate-y-1/2")}>
+    <div className={cx("end-0", hasChildren && "top-0")}>
       <ButtonLink
         dataTest={dataTest}
         onClick={onClick}
@@ -130,8 +130,7 @@ const Alert = (props: Props) => {
   return (
     <div
       className={cx(
-        "rounded-large text-ink-dark font-base text-normal p-sm relative box-border flex w-full border border-t-[3px] leading-normal",
-        closable && "pe-lg",
+        "rounded-large text-ink-dark font-base text-normal p-sm relative box-border flex w-full items-center border border-t-[3px] leading-normal",
         "lm:border-s-[3px] lm:border-t",
         "tb:rounded-normal",
         suppressed ? "bg-cloud-light border-cloud-normal lm:border-t-cloud-normal" : COLORS[type],
@@ -159,13 +158,12 @@ const Alert = (props: Props) => {
           title && inlineActions ? "flex-row" : "flex-col",
           !title && "items-center",
           inlineActions && "justify-between",
-          inlineActions && closable && "me-md",
         )}
       >
         {title && (
           <div
             className={cx(
-              "text-ink-dark flex min-h-[20px] items-center font-bold",
+              "text-ink-dark min-h-icon-medium flex items-center font-bold",
               !!children && (inlineActions ? "mb-0" : "mb-xxs"),
             )}
           >