extern/bruno
1
0
Fork 1
mirror of https://github.com/usebruno/bruno.git synced 2025-06-21 04:08:01 +02:00
Code Issues Packages Projects Releases Wiki Activity

chore: update body selector styles

Browse Source
This commit is contained in:
Anoop M D 2023-10-17 06:52:52 +05:30
parent 5b00f7a8b3
commit b28f7625e4
2 changed files with 6 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
packages/bruno-app/src/components/RequestPane/RequestBody/RequestBodyMode/StyledWrapper.js
View File

@ -4,7 +4,7 @@ const Wrapper = styled.div`
font-size: 0.8125rem; font-size: 0.8125rem;
.body-mode-selector { .body-mode-selector {
background: ${(props) => props.theme.requestTabPanel.bodyModeSelect.color}; background: transparent;
border-radius: 3px; border-radius: 3px;
.dropdown-item { .dropdown-item {
@ -15,6 +15,10 @@ const Wrapper = styled.div`
.label-item { .label-item {
padding: 0.2rem 0.6rem !important; padding: 0.2rem 0.6rem !important;
} }
.selected-body-mode {
color: ${(props) => props.theme.colors.text.yellow};
}
} }
.caret { .caret {

2
packages/bruno-app/src/components/RequestPane/RequestBody/RequestBodyMode/index.js
View File

@ -18,7 +18,7 @@ const RequestBodyMode = ({ item, collection }) => {
const Icon = forwardRef((props, ref) => { const Icon = forwardRef((props, ref) => {
return ( return (
<div ref={ref} className="flex items-center justify-center pl-3 py-1 select-none"> <div ref={ref} className="flex items-center justify-center pl-3 py-1 select-none selected-body-mode">
{humanizeRequestBodyMode(bodyMode)} <IconCaretDown className="caret ml-2 mr-2" size={14} strokeWidth={2} /> {humanizeRequestBodyMode(bodyMode)} <IconCaretDown className="caret ml-2 mr-2" size={14} strokeWidth={2} />
</div> </div>
); );