mirror of
https://github.com/usebruno/bruno.git
synced 2025-01-25 07:08:45 +01:00
Style/assert option bg (#2867)
* remove old theme configs * style bg manage from Assertion Comp for AssertionOperator
This commit is contained in:
parent
d3e57d0ea6
commit
3ad4eda861
@ -1,7 +1,4 @@
|
|||||||
import React from 'react';
|
import React from 'react';
|
||||||
import { useTheme } from 'providers/Theme/index';
|
|
||||||
import darkTheme from 'themes/dark';
|
|
||||||
import lightTheme from 'themes/light';
|
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Assertion operators
|
* Assertion operators
|
||||||
@ -81,16 +78,10 @@ const AssertionOperator = ({ operator, onChange }) => {
|
|||||||
}
|
}
|
||||||
};
|
};
|
||||||
|
|
||||||
const { storedTheme } = useTheme();
|
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<select value={operator} onChange={handleChange} className="mousetrap">
|
<select value={operator} onChange={handleChange} className="mousetrap">
|
||||||
{operators.map((operator) => (
|
{operators.map((operator) => (
|
||||||
<option
|
<option key={operator} value={operator}>
|
||||||
style={{ backgroundColor: storedTheme === 'dark' ? darkTheme.bg : lightTheme.bg }}
|
|
||||||
key={operator}
|
|
||||||
value={operator}
|
|
||||||
>
|
|
||||||
{getLabel(operator)}
|
{getLabel(operator)}
|
||||||
</option>
|
</option>
|
||||||
))}
|
))}
|
||||||
|
@ -55,6 +55,9 @@ const Wrapper = styled.div`
|
|||||||
position: relative;
|
position: relative;
|
||||||
top: 1px;
|
top: 1px;
|
||||||
}
|
}
|
||||||
|
option {
|
||||||
|
background-color: ${(props) => props.theme.bg};
|
||||||
|
}
|
||||||
`;
|
`;
|
||||||
|
|
||||||
export default Wrapper;
|
export default Wrapper;
|
||||||
|
Loading…
Reference in New Issue
Block a user