update not found styling page

Z4nR · Jun 10, 2024 · 5b4a916 · 5b4a916
1 parent 3e34116
commit 5b4a916
Showing 1 changed file with 7 additions and 2 deletions.
diff --git a/client/src/components/utils/NotFound.jsx b/client/src/components/utils/NotFound.jsx
@@ -14,10 +14,15 @@ export default function NotFound({ error }) {
         >
           {error.response.data.status}
         </Heading>
-        <Text fontSize="18px" mt={3} mb={2}>
+        <Text
+          fontSize={{ base: '1rem', lg: '18px' }}
+          color={'gray.500'}
+          mt={3}
+          mb={2}
+        >
           Sepertinya ada yang tidak beres
         </Text>
-        <Text color={'gray.500'} mb={6}>
+        <Text fontSize={{ base: '2xl', lg: '3xl' }} lineHeight={'short'} mb={6}>
           {error.response.data.message}
         </Text>