Mirrors/unleash.unleash
1
0
Fork 0
mirror of https://github.com/Unleash/unleash.git synced 2025-04-15 01:16:22 +02:00
Code Issues Projects Releases Wiki Activity

feat: personal dashboard scrollbars and spacing (#8493)

Browse Source
This commit is contained in:
Mateusz Kwasniewski 2024-10-21 13:14:51 +02:00 committed by GitHub
parent a6c7a5fc90
commit 9fecc02462
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
4 changed files with 7 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
frontend/src/component/personalDashboard/ActionBox.tsx
View File

@ -2,7 +2,7 @@ import { styled } from '@mui/material';
import type { FC, PropsWithChildren, ReactNode } from 'react'; import type { FC, PropsWithChildren, ReactNode } from 'react';
const Container = styled('article')(({ theme }) => ({ const Container = styled('article')(({ theme }) => ({
padding: theme.spacing(4, 2), padding: theme.spacing(1, 2),
display: 'flex', display: 'flex',
gap: theme.spacing(3), gap: theme.spacing(3),
flexDirection: 'column', flexDirection: 'column',

8
frontend/src/component/personalDashboard/LatestProjectEvents.tsx
View File

@ -44,6 +44,10 @@ const StyledUserAvatar = styled(UserAvatar)(({ theme }) => ({
marginTop: theme.spacing(0.5), marginTop: theme.spacing(0.5),
})); }));
const StyledMarkdown = styled(Markdown)(({ theme }) => ({
wordBreak: 'break-all',
}));
export const LatestProjectEvents: FC<{ export const LatestProjectEvents: FC<{
latestEvents: PersonalDashboardProjectDetailsSchema['latestEvents']; latestEvents: PersonalDashboardProjectDetailsSchema['latestEvents'];
}> = ({ latestEvents }) => { }> = ({ latestEvents }) => {
@ -73,10 +77,10 @@ export const LatestProjectEvents: FC<{
locationSettings.locale, locationSettings.locale,
)} )}
</Timestamp> </Timestamp>
<Markdown> <StyledMarkdown>
{event.summary || {event.summary ||
'No preview available for this event'} 'No preview available for this event'}
</Markdown> </StyledMarkdown>
</div> </div>
</Event> </Event>
); );

1
frontend/src/component/personalDashboard/MyFlags.tsx
View File

@ -115,7 +115,6 @@ export const MyFlags: FC<Props> = ({
disablePadding={true} disablePadding={true}
sx={{ sx={{
height: '100%', height: '100%',
overflow: 'auto',
}} }}
> >
{flagData.flags.map((flag) => ( {flagData.flags.map((flag) => (

1
frontend/src/component/personalDashboard/SharedComponents.tsx
View File

@ -106,7 +106,6 @@ export const listItemStyle = (theme: Theme) => ({
}); });
export const StyledList = styled(List)(({ theme }) => ({ export const StyledList = styled(List)(({ theme }) => ({
overflowY: 'auto',
maxHeight: '400px', maxHeight: '400px',
...onWideContainer({ ...onWideContainer({