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:
Primakov Alexandr Alexandrovich 2025-11-04 10:43:47 +03:00
parent f0b1130da2
commit 0544c95363
2 changed files with 4 additions and 3 deletions

View File

@ -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>
) )
} }

View File

@ -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 */}