Uni/dps-webshop
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

edited FSComponents

Browse Source
This commit is contained in:
Laura Dolibois
2025-06-06 16:48:47 +02:00
parent 859a1132fe
commit aac6e99908
1 changed files with 14 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

21
01-frontend/src/pages/FSComponents.tsx
View File

@@ -108,8 +108,8 @@ export default function FSComponents() {
const selectedItem = hoverIndex !== null ? exampleItems[hoverIndex] : null;
return (
<Box sx={{ pt: 4, display: 'flex', justifyContent: 'center' }}>
<Box sx={{ maxWidth: '90%', width: '100%', mx: 'auto' }}>
<Box sx={{ width: '100%' }}>
<Box sx={{ width: '100%', maxWidth: 1200, mx: 'auto', pt: 2 }}>
<Typography
variant="h3"
align="center"
@@ -119,9 +119,9 @@ export default function FSComponents() {
{t('componentsFarmingStation')}
</Typography>
<Grid container spacing={4} sx={{ width: '100%' }}>
<Grid container spacing={4}>
{/* Bild */}
<Grid item xs={12} md={5}>
<Grid item xs={12} md={5} sx={{ border: '1px solid red' }}>
<Box
component="img"
src={hoverIndex !== null ? componentImages[hoverIndex] : farmingStation}
@@ -138,7 +138,7 @@ export default function FSComponents() {
</Grid>
{/* Liste */}
<Grid item xs={12} md={4}>
<Grid item xs={12} md={4} sx={{ p: 2 }}>
<List>
{components.map((item, index) => (
<ListItem
@@ -163,13 +163,20 @@ export default function FSComponents() {
</Grid>
{/* ItemCard oder Platzhalter */}
<Grid item xs={12} md={3}>
<Grid item xs={12} md={3} sx={{
minWidth: {
xs: '100%',
md: 250,
},
maxWidth: '100%',
}}>
{selectedItem ? (
<ItemCard item={selectedItem} />
) : (
<Box
sx={{
height: 360,
width: 250,
height: 300,
borderRadius: 2,
border: '2px dashed grey',
display: 'flex',