Mirrors/unleash.unleash
1
0
Fork 0
mirror of https://github.com/Unleash/unleash.git synced 2025-08-04 13:48:56 +02:00
Code Issues Projects Releases Wiki Activity

try to override the styling

Browse Source
This commit is contained in:
Thomas Heartman 2025-06-20 14:53:26 +02:00
parent b3e7386745
commit 9cc1e58c90
1 changed files with 24 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

28
frontend/src/component/changeRequest/ChangeRequest/Changes/Change/DiffableChange.tsx
View File

@ -1,6 +1,6 @@
import type React from 'react'; import type React from 'react';
import type { FC, ReactNode } from 'react'; import type { FC, ReactNode } from 'react';
import { Box, styled, Tooltip, Typography } from '@mui/material'; import { Box, type Button, styled, Tooltip, Typography } from '@mui/material';
import { Tab, Tabs, TabsList, TabPanel } from '@mui/base'; import { Tab, Tabs, TabsList, TabPanel } from '@mui/base';
import BlockIcon from '@mui/icons-material/Block'; import BlockIcon from '@mui/icons-material/Block';
import TrackChangesIcon from '@mui/icons-material/TrackChanges'; import TrackChangesIcon from '@mui/icons-material/TrackChanges';
@ -165,6 +165,20 @@ const DeleteStrategy: FC<{
); );
}; };
const RightHandSide = styled('div')(({ theme }) => ({
display: 'flex',
gap: theme.spacing(1),
alignItems: 'center',
}));
const StyledTabsList = styled(TabsList)(({ theme }) => ({
backgroundColor: theme.palette.background.paper,
color: theme.palette.text.primary,
display: 'flex',
justifyContent: 'space-between',
padding: theme.spacing(0, 2),
}));
const UpdateStrategy: FC<{ const UpdateStrategy: FC<{
change: IChangeRequestUpdateStrategy; change: IChangeRequestUpdateStrategy;
changeRequestState: ChangeRequestState; changeRequestState: ChangeRequestState;
@ -211,13 +225,19 @@ const UpdateStrategy: FC<{
/> />
</StrategyTooltipLink> </StrategyTooltipLink>
</ChangeItemInfo> </ChangeItemInfo>
<div> <RightHandSide>
<TabsList> <TabsList>
<Tab value={0}>Change</Tab> <Tab<typeof Button>
// component={Button}
// slots={{ root: Button }}
value={0}
>
Change
</Tab>
<Tab value={1}>Diff</Tab> <Tab value={1}>Diff</Tab>
</TabsList> </TabsList>
{actions} {actions}
</div> </RightHandSide>
</ChangeItemCreateEditDeleteWrapper> </ChangeItemCreateEditDeleteWrapper>
<ConditionallyRender <ConditionallyRender
condition={ condition={