1
0
mirror of https://github.com/Unleash/unleash.git synced 2025-08-23 13:46:45 +02:00

feat: targeting info box new styling (#9740)

Updated styling of info box


![image](https://github.com/user-attachments/assets/983339b7-102d-440e-a937-4972d04496c9)
This commit is contained in:
Jaanus Sellin 2025-04-10 11:20:02 +03:00 committed by GitHub
parent 33e852cccd
commit 49a1dac2c9
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194

View File

@ -126,11 +126,6 @@ const StyledDivider = styled(Divider)(({ theme }) => ({
width: '100%', width: '100%',
})); }));
const StyledTargetingHeader = styled('div')(({ theme }) => ({
color: theme.palette.text.secondary,
marginTop: theme.spacing(1.5),
}));
const StyledHeaderBox = styled(Box)(({ theme }) => ({ const StyledHeaderBox = styled(Box)(({ theme }) => ({
display: 'flex', display: 'flex',
alignItems: 'center', alignItems: 'center',
@ -497,12 +492,12 @@ export const FeatureStrategyForm = ({
condition={tab === 1} condition={tab === 1}
show={ show={
<> <>
<StyledTargetingHeader> <Alert severity='info' sx={{ mb: 2 }} icon={false}>
Segmentation and constraints allow you to set Segmentation and constraints allow you to set
filters on your strategies, so that they will filters on your strategies, so that they will
only be evaluated for users and applications only be evaluated for users and applications
that match the specified preconditions. that match the specified preconditions.
</StyledTargetingHeader> </Alert>
<FeatureStrategySegment <FeatureStrategySegment
segments={segments} segments={segments}
setSegments={setSegments} setSegments={setSegments}