eigen/trackgo-fe
5
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 12 Wiki Activity

feat: update title hierarchy in ShowcaseView for improved accessibility and consistency

Browse Source
This commit is contained in:
Firman Ramdhani
2026-03-18 08:18:58 +07:00
parent 69e26e96e3
commit 128de2d4ef
1 changed files with 6 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files
apps/web/src/apps/showcase/showcase-view.tsx
+6 -6
View File
@@ -44,7 +44,7 @@ export default function ShowcaseView({ colorScheme, setColorScheme, density, set
CONTROL PANEL
========================================= */}
<Card withBorder shadow="sm" radius="md" p="md">
<Title order={3} mb="md">
<Title order={4} mb="md">
Theme Controls
</Title>
<Group grow align="flex-end">
@@ -73,7 +73,7 @@ export default function ShowcaseView({ colorScheme, setColorScheme, density, set
TAILWIND V4 BRIDGE TEST
========================================= */}
<Card withBorder shadow="sm" radius="md" p="md">
<Title order={3} mb="md">
<Title order={4} mb="md">
Tailwind v4 Synchronization
</Title>
{/* This div purely uses Tailwind classes to prove it inherits Mantine's variables */}
@@ -89,7 +89,7 @@ export default function ShowcaseView({ colorScheme, setColorScheme, density, set
<Card withBorder shadow="sm" radius="md" p="md">
<Stack gap="lg">
<div>
<Title order={3} mb="xs">
<Title order={4} mb="xs">
Typography & Badges
</Title>
<Text size="sm" c="dimmed">
@@ -113,7 +113,7 @@ export default function ShowcaseView({ colorScheme, setColorScheme, density, set
<Divider />
<div>
<Title order={3} mb="md">
<Title order={4} mb="md">
Buttons
</Title>
<Group>
@@ -138,7 +138,7 @@ export default function ShowcaseView({ colorScheme, setColorScheme, density, set
COMPLEX FORMS (ERP STYLE)
========================================= */}
<Card withBorder shadow="sm" radius="md" p="md">
<Title order={3} mb="md">
<Title order={4} mb="md">
Form Elements
</Title>
<Stack gap="md">
@@ -173,7 +173,7 @@ export default function ShowcaseView({ colorScheme, setColorScheme, density, set
DATA GRID / TABLE
========================================= */}
<Card withBorder shadow="sm" radius="md" p="md">
<Title order={3} mb="md">
<Title order={4} mb="md">
Data Grid
</Title>
<Table striped highlightOnHover withTableBorder withColumnBorders>