bro-js/challenge-admin-pl
3
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Adjust padding in Layout and TaskFormPage components for improved spacing. Enhance markdown preview styling with custom CSS for better link visibility and interaction.

Browse Source
This commit is contained in:
Primakov Alexandr Alexandrovich 2025-11-04 10:47:18 +03:00
parent 0544c95363
commit b91ee56bf0
2 changed files with 28 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/components/Layout.tsx
View File

@ -122,7 +122,7 @@ export const Layout: React.FC<LayoutProps> = ({ children }) => {
</Box> </Box>
{/* Main Content */} {/* Main Content */}
<Box px={4} py={8} w="100%"> <Box px={2} py={8} w="100%">
{children} {children}
</Box> </Box>
</Box> </Box>

30
src/pages/tasks/TaskFormPage.tsx
View File

@ -124,7 +124,7 @@ export const TaskFormPage: React.FC = () => {
as="form" as="form"
onSubmit={handleSubmit} onSubmit={handleSubmit}
bg="white" bg="white"
p={6} p={4}
borderRadius="lg" borderRadius="lg"
boxShadow="sm" boxShadow="sm"
borderWidth="1px" borderWidth="1px"
@ -178,7 +178,19 @@ export const TaskFormPage: React.FC = () => {
bg="gray.50" bg="gray.50"
> >
{description ? ( {description ? (
<Box className="markdown-preview"> <Box
className="markdown-preview"
css={{
'& a': {
color: '#0f766e',
textDecoration: 'underline',
cursor: 'pointer',
'&:hover': {
color: '#115e59',
}
}
}}
>
<ReactMarkdown>{description}</ReactMarkdown> <ReactMarkdown>{description}</ReactMarkdown>
</Box> </Box>
) : ( ) : (
@ -226,7 +238,19 @@ export const TaskFormPage: React.FC = () => {
overflowY="auto" overflowY="auto"
> >
{description ? ( {description ? (
<Box className="markdown-preview"> <Box
className="markdown-preview"
css={{
'& a': {
color: '#0f766e',
textDecoration: 'underline',
cursor: 'pointer',
'&:hover': {
color: '#115e59',
}
}
}}
>
<ReactMarkdown>{description}</ReactMarkdown> <ReactMarkdown>{description}</ReactMarkdown>
</Box> </Box>
) : ( ) : (