rayan/bruno
1
0
Fork 0
mirror of https://github.com/usebruno/bruno.git synced 2026-06-27 22:54:07 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix: adjust styling for message display

Browse Source
This commit is contained in:
Siddharth Gelera
2025-09-17 14:42:07 +05:30
parent 58917aa97e
commit 1f28f6a8eb
2 changed files with 5 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
packages/bruno-app/src/components/ResponsePane/WsResponsePane/WSMessagesList/StyledWrapper.js
View File

@@ -4,7 +4,6 @@ const StyledWrapper = styled.div`
overflow-y: auto;
.ws-message.new {
color: white;
background-color: ${({theme}) => theme.table.striped};
}

11
packages/bruno-app/src/components/ResponsePane/WsResponsePane/WSMessagesList/index.js
View File

@@ -136,17 +136,16 @@ const WSMessageItem = ({ message, inFocus }) => {
</div>
</div>
{isOpen && (
<div className="mt-2 h-[300px] w-full">
<div className="flex">
<div className="flex-grow"></div>
{isOpen ? <span className="text-xs mr-1 font-bold">{dataType}</span> : null}
</div>
<div className="my-2 relative h-[300px] w-full">
<CodeEditor
mode={parsedContent.type}
theme={displayedTheme}
font={preferences.codeFont || 'default'}
value={parsedContent.content}
/>
<div className="absolute top-1 right-1 p-1 rounded-sm">
{isOpen ? <span className="text-xs mr-1 font-bold">{dataType}</span> : null}
</div>
</div>
)}
</div>
@@ -159,7 +158,7 @@ const WSMessagesList = ({ order = -1, messages = [] }) => {
}
const ordered = order === -1 ? messages : messages.slice().reverse()
return (
<StyledWrapper className="ws-messages-list flex flex-col gap-1 mt-4">
<StyledWrapper className="ws-messages-list flex flex-col">
{ordered
.map((msg, idx, src) => {
const inFocus = order === -1 ? src.length - 1 === idx : idx === 0;