github/kubeshark
1
0
Fork 0
mirror of https://github.com/kubeshark/kubeshark.git synced 2025-06-25 15:54:43 +00:00
Code Issues Packages Projects Releases Wiki Activity

TLS icon position

Browse Source
This commit is contained in:
Liraz Yehezkel 2022-03-30 17:03:21 +03:00
parent f8c0ddd69a
commit 697bfef861
4 changed files with 6 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
ui-common/src/components/TrafficViewer/EntryListItem/EntryListItem.module.sass
View File

@ -66,8 +66,10 @@
margin-top: -60px margin-top: -60px
.capture img .capture img
height: 20px height: 14px
z-index: 1000 z-index: 1000
margin-top: 12px
margin-left: -2px
.endpointServiceContainer .endpointServiceContainer
display: flex display: flex

4
ui-common/src/components/TrafficViewer/EntryListItem/EntryListItem.tsx
View File

@ -140,8 +140,6 @@ export const EntryItem: React.FC<EntryProps> = ({entry, style, headingMode}) =>
const isStatusCodeEnabled = ((entry.proto.name === "http" && "status" in entry) || entry.status !== 0); const isStatusCodeEnabled = ((entry.proto.name === "http" && "status" in entry) || entry.status !== 0);
let endpointServiceContainer = "10px";
if (!isStatusCodeEnabled) endpointServiceContainer = "20px";
return <React.Fragment> return <React.Fragment>
<div <div
@ -178,7 +176,7 @@ export const EntryItem: React.FC<EntryProps> = ({entry, style, headingMode}) =>
{isStatusCodeEnabled && <div> {isStatusCodeEnabled && <div>
<StatusCode statusCode={entry.status} statusQuery={entry.statusQuery}/> <StatusCode statusCode={entry.status} statusQuery={entry.statusQuery}/>
</div>} </div>}
<div className={styles.endpointServiceContainer} style={{paddingLeft: endpointServiceContainer}}> <div className={styles.endpointServiceContainer} style={{paddingLeft: 10}}>
<Summary method={entry.method} methodQuery={entry.methodQuery} summary={entry.summary} summaryQuery={entry.summaryQuery}/> <Summary method={entry.method} methodQuery={entry.methodQuery} summary={entry.summary} summaryQuery={entry.summaryQuery}/>
<div className={styles.resolvedName}> <div className={styles.resolvedName}>
<Queryable <Queryable

2
ui-common/src/components/UI/Protocol.tsx
View File

@ -54,7 +54,7 @@ const Protocol: React.FC<ProtocolProps> = ({protocol, horizontal}) => {
backgroundColor: protocol.backgroundColor, backgroundColor: protocol.backgroundColor,
color: protocol.foregroundColor, color: protocol.foregroundColor,
fontSize: protocol.fontSize, fontSize: protocol.fontSize,
marginRight: "-20px", marginRight: "-6px",
}} }}
title={protocol.longName} title={protocol.longName}
> >

2
ui-common/src/components/UI/style/StatusCode.module.sass
View File

@ -9,7 +9,7 @@
text-align: center text-align: center
line-height: 22px line-height: 22px
font-weight: 600 font-weight: 600
margin-left: 8px margin-left: 3px
.neutral .neutral
background: gray background: gray