apps/homepage
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

scroll in ServiceList

Browse Source
This commit is contained in:
Vishesh 'ironeagle' Bangotra
2025-10-11 22:19:18 +05:30
parent 2cdee4a028
commit d27b793cd4
1 changed files with 28 additions and 20 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
app/components/ServiceList.tsx
View File

@@ -1,4 +1,5 @@
import React from 'react'; import React from 'react';
import Box from '@mui/material/Box';
import {Grid, Paper, Link, Typography} from '@mui/material'; import {Grid, Paper, Link, Typography} from '@mui/material';
interface ServiceList { interface ServiceList {
@@ -14,6 +15,12 @@ interface ServiceListProps {
const ServiceList: React.FC<ServiceListProps> = ({serviceList}) => { const ServiceList: React.FC<ServiceListProps> = ({serviceList}) => {
return ( return (
<Box
sx={{
flex: 1,
overflowY: 'auto', // ✅ Scroll only inside this
}}
>
<Grid container spacing={3} justifyContent="center"> <Grid container spacing={3} justifyContent="center">
{serviceList.map((s) => ( {serviceList.map((s) => (
<Paper <Paper
@@ -35,6 +42,7 @@ const ServiceList: React.FC<ServiceListProps> = ({serviceList}) => {
</Paper> </Paper>
))} ))}
</Grid> </Grid>
</Box>
); );
}; };