feat(apps/web): Fix error for heading elements are not in a sequentia…

…lly-descending order.
cartesi · Jan 30, 2025 · 6e0a5a9 · 6e0a5a9
1 parent 44e2936
commit 6e0a5a9
Showing 1 changed file with 10 additions and 5 deletions.
diff --git a/apps/web/src/components/specification/SpecificationListView.tsx b/apps/web/src/components/specification/SpecificationListView.tsx
@@ -73,7 +73,9 @@ const DisplayABIParams: FC<{
 }> = ({ abiParams, sliceTarget }) => (
     <Accordion.Item key="abi-params-item" value="abi-params-item">
         <Accordion.Control>
-            <Title order={4}>ABI Parameters</Title>
+            <Title order={3} size="lg">
+                ABI Parameters
+            </Title>
         </Accordion.Control>
 
         <Accordion.Panel>
@@ -99,7 +101,9 @@ const DisplayABIParams: FC<{
 const DisplayABI: FC<{ abi: Abi }> = ({ abi }) => (
     <Accordion.Item key="abi-item" value="abi-item">
         <Accordion.Control>
-            <Title order={4}>ABI</Title>
+            <Title order={3} size="lg">
+                ABI
+            </Title>
         </Accordion.Control>
 
         <Accordion.Panel>
@@ -243,7 +247,7 @@ const NoSpecifications: FC = () => {
     return (
         <Center>
             <Flex direction="column" align="center" justify="center">
-                <Title order={3} c="dimmed">
+                <Title order={3} c="dimmed" size="lg">
                     No Specifications Found!
                 </Title>
                 <Box my={8}>
@@ -274,7 +278,7 @@ const NoSpecificationsFiltered: FC<{
     return (
         <Center py="lg">
             <Group gap="xs" data-testid="no-specification-filtered-message">
-                <Title order={3} c="dimmed">
+                <Title order={3} c="dimmed" size="lg">
                     {quantity > 1 &&
                         `You have ${quantity} specifications, but none of them are the type`}{" "}
                     {quantity === 1 &&
@@ -395,9 +399,10 @@ export const SpecificationListView: FC = () => {
                                         wrap="nowrap"
                                     >
                                         <Title
-                                            order={3}
+                                            order={2}
                                             lineClamp={1}
                                             title={spec.name}
+                                            size="xl"
                                         >
                                             {spec.name}
                                         </Title>