mirror of
https://github.com/Unleash/unleash.git
synced 2025-08-09 13:47:13 +02:00
refactor: insights actions container relaxed width (#7603)
This commit is contained in:
parent
7909f563d6
commit
d2ef9e27ed
@ -25,6 +25,14 @@ const StickyWrapper = styled(Box, {
|
|||||||
transition: 'padding 0.3s ease',
|
transition: 'padding 0.3s ease',
|
||||||
}));
|
}));
|
||||||
|
|
||||||
|
const StyledProjectSelect = styled(ProjectSelect)(({ theme }) => ({
|
||||||
|
flex: 1,
|
||||||
|
width: '300px',
|
||||||
|
[theme.breakpoints.down('sm')]: {
|
||||||
|
width: '100%',
|
||||||
|
},
|
||||||
|
}));
|
||||||
|
|
||||||
export const Insights: VFC = () => {
|
export const Insights: VFC = () => {
|
||||||
const [scrolled, setScrolled] = useState(false);
|
const [scrolled, setScrolled] = useState(false);
|
||||||
const { insights, loading, error } = useInsights();
|
const { insights, loading, error } = useInsights();
|
||||||
@ -60,16 +68,11 @@ export const Insights: VFC = () => {
|
|||||||
<StickyWrapper scrolled={scrolled}>
|
<StickyWrapper scrolled={scrolled}>
|
||||||
<InsightsHeader
|
<InsightsHeader
|
||||||
actions={
|
actions={
|
||||||
<ProjectSelect
|
<StyledProjectSelect
|
||||||
selectedProjects={projects}
|
selectedProjects={projects}
|
||||||
onChange={setProjects}
|
onChange={setProjects}
|
||||||
dataTestId={'DASHBOARD_PROJECT_SELECT'}
|
dataTestId={'DASHBOARD_PROJECT_SELECT'}
|
||||||
limitTags={1}
|
limitTags={1}
|
||||||
sx={{
|
|
||||||
flex: 1,
|
|
||||||
maxWidth: '360px',
|
|
||||||
width: '100%',
|
|
||||||
}}
|
|
||||||
/>
|
/>
|
||||||
}
|
}
|
||||||
/>
|
/>
|
||||||
|
@ -33,7 +33,6 @@ const StyledActionButtons = styled('div')(({ theme }) => ({
|
|||||||
const StyledExternalActionsContainer = styled('div')(({ theme }) => ({
|
const StyledExternalActionsContainer = styled('div')(({ theme }) => ({
|
||||||
display: 'flex',
|
display: 'flex',
|
||||||
gap: theme.spacing(1),
|
gap: theme.spacing(1),
|
||||||
width: 300,
|
|
||||||
[theme.breakpoints.down('md')]: {
|
[theme.breakpoints.down('md')]: {
|
||||||
width: '100%',
|
width: '100%',
|
||||||
},
|
},
|
||||||
|
Loading…
Reference in New Issue
Block a user