core: change base font size sm at density compact

This commit is contained in:
Firman Ramdhani
2026-07-31 07:00:33 +07:00
parent c033befca4
commit 61adbd4dac
8 changed files with 59 additions and 32 deletions
@@ -206,7 +206,7 @@ export function ActionConfirmationModal<E extends BaseEntity = BaseEntity>(props
)
) : (
translations.description && (
<Text size="md" c="dimmed">
<Text size="sm" c="dimmed">
{translations.description}
</Text>
)
@@ -316,7 +316,7 @@ export function BulkActionConfirmationModal<E extends BaseEntity = BaseEntity>(
) : (
<Stack gap="sm">
{translations.description && (
<Text size="md" c="dimmed">
<Text size="sm" c="dimmed">
{translations.description}
</Text>
)}
@@ -34,7 +34,7 @@ const SummaryPanel = React.memo(function SummaryPanel({
{t('common:bulkAction.totalData')}
</Text>
</Group>
<Text size="md" fw={700} c="blue.9">
<Text size="sm" fw={700} c="blue.9">
{result.totalItems}
</Text>
</Group>
@@ -51,7 +51,7 @@ const SummaryPanel = React.memo(function SummaryPanel({
{t('common:bulkAction.totalSuccess')}
</Text>
</Group>
<Text size="md" fw={700} c="green.9">
<Text size="sm" fw={700} c="green.9">
{result.totalSuccess}
</Text>
</Group>
@@ -68,7 +68,7 @@ const SummaryPanel = React.memo(function SummaryPanel({
{t('common:bulkAction.totalFailed')}
</Text>
</Group>
<Text size="md" fw={700} c="red.9">
<Text size="sm" fw={700} c="red.9">
{result.totalFailed}
</Text>
</Group>
@@ -82,7 +82,7 @@ const SummaryPanel = React.memo(function SummaryPanel({
{t('common:bulkAction.messages')}
</Text>
{/* Mengunci tinggi maksimal dan menambahkan scroll jika pesan banyak */}
{/* Locks the maximum height and adds scroll if there are many messages */}
<ScrollArea h={messages.length > 3 ? 120 : undefined} type="auto" offsetScrollbars>
<Stack gap={6}>
{messages.map((msg, idx) => (
@@ -678,7 +678,7 @@ export function EnterpriseDataTable<E extends BaseEntity>(props: EnterpriseDataT
field: 'status' as any,
headerName: t('common:fields.status'),
cellRenderer: ({ value }: any) => <StatusBadge status={value} size="md" variant="outline" />,
cellRenderer: ({ value }: any) => <StatusBadge status={value} size="sm" variant="outline" />,
};
const prefixColumn: ColDef<E>[] = [
@@ -14,7 +14,7 @@ import {
} from '@mantine/core';
import { useLocalStorage } from '@mantine/hooks';
import { Link } from 'react-router-dom';
import { ChevronRight, LucideIcon, Maximize2, Minimize2 } from 'lucide-react'; // <-- Update Import Icon
import { ChevronRight, LucideIcon, Maximize2, Minimize2 } from 'lucide-react';
import { PageActions, PageActionsProps } from '../../../../components';
// ---------------------------------------------------------------------------
@@ -271,8 +271,8 @@ export function ModulePageHeader(_props: ModulePageHeaderProps) {
<Flex gap="md" align={{ base: 'flex-start', sm: 'flex-start' }} style={{ flex: 1, minWidth: 0 }}>
{Icon && (
<ThemeIcon
w={{ base: 40, sm: 48 }}
h={{ base: 40, sm: 48 }}
w={{ base: 40, sm: 50 }}
h={{ base: 40, sm: 50 }}
radius="md"
variant="light"
color="brand"
@@ -314,7 +314,8 @@ export function ModulePageHeader(_props: ModulePageHeaderProps) {
{description && (
<Text
fz={{ base: 'xs', sm: 'sm' }}
// fz={{ base: 'xs', sm: 'sm' }}
fz={{ base: 'xs' }}
c="dimmed"
fw={400}
lineClamp={1}