chore: minor changes in the search aside

Franqsanz · Aug 19, 2024 · 2fc6acb · 2fc6acb
1 parent 367deb4
commit 2fc6acb
Show file tree

Hide file tree

Showing 2 changed files with 18 additions and 2 deletions.
diff --git a/src/components/AboutCategories.tsx b/src/components/AboutCategories.tsx
@@ -1,5 +1,5 @@
 import React from 'react';
-import { Box, Text, Link } from '@chakra-ui/react';
+import { Box, Text } from '@chakra-ui/react';
 
 import { aboutCategories } from '../data/links';
 
@@ -15,7 +15,21 @@ export function AboutCategories({ category }: any) {
           <Box fontSize='2xl' mt='5' fontWeight='bold'>
             Sobre {category}
           </Box>
-          <Text mt='2' fontSize='sm'>
+          <Text
+            mt='2'
+            fontSize='sm'
+            maxH='250px'
+            overflow='auto'
+            sx={{
+              '&::-webkit-scrollbar': {
+                width: '7px',
+              },
+              '&::-webkit-scrollbar-thumb': {
+                background: '#a2aab3',
+                borderRadius: '30px',
+              },
+            }}
+          >
             {description}
           </Text>
         </React.Fragment>

diff --git a/src/pages/Search.tsx b/src/pages/Search.tsx
@@ -130,6 +130,8 @@ export default function Search() {
         direction='column'
         mt='10'
         pb='10'
+        position='sticky'
+        top='16'
       >
         <Flex align='center' py='2' mb='2' fontSize='xl' fontWeight='bold'>
           <Icon as={CgOptions} boxSize='20px' mr='2' />