GitHub-Proxy/signoz
1
0
Fork 0
mirror of https://git.mirrors.martin98.com/https://github.com/SigNoz/signoz synced 2025-08-11 23:18:59 +08:00
Code Issues Packages Projects Releases Wiki Activity

fix: properly render \n and \t in log details + apply Geist Mono font to the logs (#5347)

Browse Source 
* fix: properly render newline and tab in log details

* fix: change font family and add tab size to properly render \t

* feat: apply Geist Mono font to the logs
This commit is contained in:
Shaheer Kochai 2024-07-09 08:11:46 +04:30 committed by GitHub
parent 69a39531f0
commit b0e355eb64
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
10 changed files with 22 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
frontend/public/fonts/GeistMonoVF.woff2 Normal file
View File

Binary file not shown.

2
frontend/src/components/LogDetail/LogDetails.styles.scss
View File

@ -52,7 +52,7 @@
.log-body {
font-family: 'SF Mono';
font-family: 'Space Mono', monospace;
font-family: 'Geist Mono';
font-size: var(--font-size-sm);
font-weight: var(--font-weight-normal);

2
frontend/src/components/Logs/RawLogView/styles.ts
View File

@ -49,7 +49,7 @@ export const ExpandIconWrapper = styled(Col)`
export const RawLogContent = styled.div<RawLogContentProps>`
margin-bottom: 0;
font-family: 'SF Mono', monospace;
font-family: 'Space Mono', monospace;
font-family: 'Geist Mono';
font-size: 13px;
font-weight: 400;
text-align: left;

2
frontend/src/container/LogDetailedView/FieldRenderer.styles.scss
View File

@ -8,7 +8,7 @@
.label {
color: var(--text-robin-400);
font-family: SF Mono;
font-family: 'Space Mono', monospace;
font-family: 'Geist Mono';
font-size: 13px;
font-weight: var(--font-weight-normal);
line-height: 18px;

2
frontend/src/container/LogDetailedView/JsonView.tsx
View File

@ -28,7 +28,7 @@ function JSONView({ logData }: JSONViewProps): JSX.Element {
},
fontWeight: 400,
// fontFamily: 'SF Mono',
fontFamily: 'Space Mono',
fontFamily: 'Geist Mono',
fontSize: 13,
lineHeight: '18px',
colorDecorators: true,

2
frontend/src/container/LogDetailedView/Overview.tsx
View File

@ -53,7 +53,7 @@ function Overview({
enabled: false,
},
fontWeight: 400,
fontFamily: 'Space Mono',
fontFamily: 'Geist Mono',
fontSize: 13,
lineHeight: '18px',
colorDecorators: true,

2
frontend/src/container/LogDetailedView/TableView.styles.scss
View File

@ -57,6 +57,8 @@
background: rgba(22, 25, 34, 0.4);
.value-field {
font-family: 'Geist Mono';
position: relative;
}

8
frontend/src/container/LogDetailedView/TableView.tsx
View File

@ -289,7 +289,13 @@ function TableView({
return (
<div className="value-field">
<CopyClipboardHOC textToCopy={textToCopy}>
<span style={{ color: Color.BG_SIENNA_400 }}>
<span
style={{
color: Color.BG_SIENNA_400,
whiteSpace: 'pre-wrap',
tabSize: 4,
}}
>
{removeEscapeCharacters(fieldData.value)}
</span>
</CopyClipboardHOC>

2
frontend/src/container/LogsExplorerChart/LogsExplorerChart.styled.ts
View File

@ -9,6 +9,6 @@ export const CardStyled = styled(Card)`
height: 200px;
min-height: 200px;
padding: 0 16px 16px 16px;
font-family: 'Space Mono', monospace;
font-family: 'Geist Mono';
}
`;

7
frontend/src/styles.scss
View File

@ -266,3 +266,10 @@ modal - 1000
notifications - 2050
*/
@font-face {
font-family: 'Geist Mono';
src: local('Geist Mono'),
url('../public/fonts/GeistMonoVF.woff2') format('woff');
/* Add other formats if needed (e.g., woff2, truetype, opentype, svg) */
}