From 8ae2772f7850c8e431caa6b2fb6a9688da79fa69 Mon Sep 17 00:00:00 2001
From: Firman Ramdhani <33869609+firmanramdhani@users.noreply.github.com>
Date: Fri, 31 Jul 2026 07:29:48 +0700
Subject: [PATCH] feat: adjustment TYPOGRAPHY SCALES

---
 .../ui/src/components/actions-tools/page-actions.tsx   | 10 +++++-----
 .../providers/detail-page.provider.tsx                 |  3 +--
 2 files changed, 6 insertions(+), 7 deletions(-)

diff --git a/packages/ui/src/components/actions-tools/page-actions.tsx b/packages/ui/src/components/actions-tools/page-actions.tsx
index bb763b6..dbea836 100644
--- a/packages/ui/src/components/actions-tools/page-actions.tsx
+++ b/packages/ui/src/components/actions-tools/page-actions.tsx
@@ -8,8 +8,8 @@ export interface PageActionsProps {
   /** Array of configured page-level actions. */
   actions?: PageActionProps[];
   customButtonProps?: (action: PageActionProps) => ButtonProps;
-  gapActionDesktop?:MantineSpacing;
-  gapActionMobile?:MantineSpacing
+  gapActionDesktop?: MantineSpacing;
+  gapActionMobile?: MantineSpacing;
 }
 
 /**
@@ -17,7 +17,7 @@ export interface PageActionsProps {
  * Automatically adapts layout based on screen size.
  */
 export const PageActions = memo(function PageActions(props: PageActionsProps) {
-  const { actions = [], customButtonProps, gapActionDesktop='xs', gapActionMobile='sm' }=props;
+  const { actions = [], customButtonProps, gapActionDesktop = 'xs', gapActionMobile = 'sm' } = props;
   if (!actions || actions?.length === 0) {
     return null;
   }
@@ -36,7 +36,7 @@ export const PageActions = memo(function PageActions(props: PageActionsProps) {
   return (
     <Box style={{ display: 'inline-flex' }}>
       {/* --- DESKTOP VIEW --- */}
-      <Group gap={gapActionDesktop}  wrap="nowrap" visibleFrom="md">
+      <Group gap={gapActionDesktop} wrap="nowrap" visibleFrom="md">
         {actions.map((action, index) => {
           if (action.type === 'divider') {
             return <Divider key={`divider-${index}`} orientation="vertical" mr="sm" ml="sm" />;
@@ -149,7 +149,7 @@ export const PageActions = memo(function PageActions(props: PageActionsProps) {
               <MoreVertical size={16} />
             </ActionIcon>
           </Menu.Target>
-          <Menu.Dropdown px={'xl'} w={180}>
+          <Menu.Dropdown px={'sm'} miw={180}>
             {actions.map((action, index) => {
               if (action.type === 'divider') {
                 return <Menu.Divider key={`mobile-divider-${index}`} mt="sm" mb="sm" />;
diff --git a/packages/ui/src/foundations/enterprise-module/providers/detail-page.provider.tsx b/packages/ui/src/foundations/enterprise-module/providers/detail-page.provider.tsx
index 4496cd2..a2f1fdd 100644
--- a/packages/ui/src/foundations/enterprise-module/providers/detail-page.provider.tsx
+++ b/packages/ui/src/foundations/enterprise-module/providers/detail-page.provider.tsx
@@ -680,11 +680,10 @@ export function EnterpriseDetailPageProvider<E extends BaseEntity = BaseEntity>(
                 style:
                   action.key === ModuleAction.CREATE
                     ? {
-                        fontSize: 12,
                         boxShadow:
                           '0 4px 14px 0 color-mix(in srgb, var(--mantine-primary-color-filled) 40%, transparent)',
                       }
-                    : { fontSize: 12 },
+                    : {},
               };
             }}
             actions={detailData ? pageActions : []}