core: change base font size sm at density compact
This commit is contained in:
+1
-1
@@ -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>
|
||||
)
|
||||
|
||||
+1
-1
@@ -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>
|
||||
)}
|
||||
|
||||
+4
-4
@@ -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>[] = [
|
||||
|
||||
+5
-4
@@ -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}
|
||||
|
||||
Reference in New Issue
Block a user