Refactor Layout and TaskFormPage components to use full width for improved layout consistency. This change enhances responsiveness and ensures better alignment of UI elements.
This commit is contained in:
parent
f0b1130da2
commit
0544c95363
@ -122,9 +122,9 @@ export const Layout: React.FC<LayoutProps> = ({ children }) => {
|
|||||||
</Box>
|
</Box>
|
||||||
|
|
||||||
{/* Main Content */}
|
{/* Main Content */}
|
||||||
<Container maxW="95%" py={8}>
|
<Box px={4} py={8} w="100%">
|
||||||
{children}
|
{children}
|
||||||
</Container>
|
</Box>
|
||||||
</Box>
|
</Box>
|
||||||
)
|
)
|
||||||
}
|
}
|
||||||
|
|||||||
@ -117,7 +117,7 @@ export const TaskFormPage: React.FC = () => {
|
|||||||
const isLoading = isCreating || isUpdating
|
const isLoading = isCreating || isUpdating
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<Box>
|
<Box w="100%">
|
||||||
<Heading mb={6}>{isEdit ? t('challenge.admin.tasks.edit.title') : t('challenge.admin.tasks.create.title')}</Heading>
|
<Heading mb={6}>{isEdit ? t('challenge.admin.tasks.edit.title') : t('challenge.admin.tasks.create.title')}</Heading>
|
||||||
|
|
||||||
<Box
|
<Box
|
||||||
@ -129,6 +129,7 @@ export const TaskFormPage: React.FC = () => {
|
|||||||
boxShadow="sm"
|
boxShadow="sm"
|
||||||
borderWidth="1px"
|
borderWidth="1px"
|
||||||
borderColor="gray.200"
|
borderColor="gray.200"
|
||||||
|
w="100%"
|
||||||
>
|
>
|
||||||
<VStack gap={6} align="stretch">
|
<VStack gap={6} align="stretch">
|
||||||
{/* Title */}
|
{/* Title */}
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user