Skip to content

Commit

Permalink
fix: padding on homepage v2
Browse files Browse the repository at this point in the history
lwih committed Jan 21, 2025
1 parent d79fdb3 commit 3a456ac
Showing 1 changed file with 24 additions and 24 deletions.
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@
import React, { FC, ReactNode } from 'react'
import { Col, FlexboxGrid, Loader, Stack } from 'rsuite'
import { Icon } from '@mtes-mct/monitor-ui'
import React, {FC, ReactNode} from 'react'
import {Col, FlexboxGrid, Loader, Stack} from 'rsuite'
import {Icon} from '@mtes-mct/monitor-ui'
import Text from '@common/components/ui/text.tsx'

interface MissionListContentWrapperProps {
@@ -14,48 +14,48 @@ interface MissionListContentWrapperProps {
}

const MissionListPageContentWrapper: FC<MissionListContentWrapperProps> = ({
title,
subtitle,
filters,
actions,
list,
loading,
hasMissions
}) => {
title,
subtitle,
filters,
actions,
list,
loading,
hasMissions
}) => {
return (
<Stack direction={'column'} style={{ width: '100%' }}>
<Stack.Item style={{ width: '100%' }}>
<Stack direction={'column'} style={{width: '100%'}}>
<Stack.Item style={{width: '100%'}}>
<Stack
direction={'row'}
spacing={'0.5rem'}
alignItems={'center'}
style={{ padding: '0 9.5rem', marginTop: '3rem' }}
style={{padding: '0 11.5rem', marginTop: '3rem'}}
>
<Stack.Item alignSelf={'baseline'}>
<Icon.MissionAction size={32} style={{ marginTop: '8px' }} />
<Icon.MissionAction size={32} style={{marginTop: '8px'}}/>
</Stack.Item>
<Stack.Item>
<Text as={'h1'} style={{ fontSize: '32px' }}>
<Text as={'h1'} style={{fontSize: '32px'}}>
{title}
</Text>
</Stack.Item>
</Stack>
</Stack.Item>
{subtitle && (
<Stack.Item style={{ width: '100%', padding: '0 9.5rem', marginTop: '4rem' }}>
<Stack.Item style={{width: '100%', padding: '0 11.5rem', marginTop: '4rem'}}>
<Text as={'h1'}>{subtitle}</Text>
</Stack.Item>
)}
<Stack.Item style={{ width: '100%' }}>
<Stack direction="column" alignItems="flex-start" spacing="0.2rem" style={{ width: '100%' }}>
<Stack.Item style={{ width: '100%', height: '100%' }}>
<FlexboxGrid justify="center" style={{ padding: '2rem 2rem 4rem 2rem', display: 'flex', flex: 1 }}>
<Stack.Item style={{width: '100%'}}>
<Stack direction="column" alignItems="flex-start" spacing="0.2rem" style={{width: '100%'}}>
<Stack.Item style={{width: '100%', height: '100%'}}>
<FlexboxGrid justify="center" style={{padding: '2rem 2rem 4rem 2rem', display: 'flex', flex: 1}}>
<FlexboxGrid.Item as={Col} colspan={24} xxl={20}>
{filters}
</FlexboxGrid.Item>
<FlexboxGrid.Item as={Col} colspan={24} xxl={20}>
{loading ? (
<div style={{ marginTop: '25rem' }}>
<div style={{marginTop: '25rem'}}>
<Loader
center={true}
size={'md'}
@@ -64,8 +64,8 @@ const MissionListPageContentWrapper: FC<MissionListContentWrapperProps> = ({
/>
</div>
) : !hasMissions ? (
<div style={{ marginTop: '10rem' }}>
<Text as={'h3'} style={{ textAlign: 'center' }}>
<div style={{marginTop: '10rem'}}>
<Text as={'h3'} style={{textAlign: 'center'}}>
Aucune mission pour cette période de temps.
</Text>
</div>

0 comments on commit 3a456ac

Please sign in to comment.