luneski/mqtt-explorer
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Fix json preview alignment

Browse Source
This commit is contained in:
Thomas Nordquist
2019-01-26 00:00:46 +01:00
parent 904d3c77cd
commit b706d561aa
1 changed files with 3 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
app/src/components/Sidebar/ValueRenderer.tsx
View File

@@ -12,7 +12,7 @@ interface Props {
class ValueRenderer extends React.Component<Props, {}> { class ValueRenderer extends React.Component<Props, {}> {
public render() { public render() {
return <div>{this.renderValue()}</div> return <div style={{ padding: '8px 0px 8px 8px' }}>{this.renderValue()}</div>
} }
public renderValue() { public renderValue() {
@@ -49,13 +49,13 @@ class ValueRenderer extends React.Component<Props, {}> {
private renderRawValue(value: string) { private renderRawValue(value: string) {
const style: React.CSSProperties = { const style: React.CSSProperties = {
backgroundColor: 'rgba(80, 80, 80, 0.6)', padding: '8px 12px 8px 12px',
backgroundColor: 'rgba(100, 100, 100, 0.55)',
wordBreak: 'break-all', wordBreak: 'break-all',
width: '100%', width: '100%',
overflow: 'auto hidden', overflow: 'auto hidden',
display: 'block', display: 'block',
lineHeight: '1.2em', lineHeight: '1.2em',
padding: '12px 5px 12px 5px',
color: this.props.theme.palette.text.primary, color: this.props.theme.palette.text.primary,
} }