Prefer custom styles over strong
This commit is contained in:
parent
657a2d6149
commit
feff820cd4
1 changed files with 4 additions and 1 deletions
|
@ -44,6 +44,9 @@ const styles = {
|
||||||
itemIcon: {
|
itemIcon: {
|
||||||
flexShrink: 0,
|
flexShrink: 0,
|
||||||
},
|
},
|
||||||
|
itemFileName: {
|
||||||
|
fontWeight: 'bold',
|
||||||
|
} as React.CSSProperties,
|
||||||
itemFileSize: {
|
itemFileSize: {
|
||||||
display: 'inline-block',
|
display: 'inline-block',
|
||||||
marginTop: 8,
|
marginTop: 8,
|
||||||
|
@ -64,7 +67,7 @@ export class DocumentListItem extends React.Component<Props, {}> {
|
||||||
style={styles.itemIcon}
|
style={styles.itemIcon}
|
||||||
/>
|
/>
|
||||||
<div style={styles.itemMetadata}>
|
<div style={styles.itemMetadata}>
|
||||||
<strong>{fileName}</strong>
|
<span style={styles.itemFileName}>{fileName}</span>
|
||||||
<span style={styles.itemFileSize}>
|
<span style={styles.itemFileSize}>
|
||||||
{typeof fileSize === 'number' ? formatFileSize(fileSize) : ''}
|
{typeof fileSize === 'number' ? formatFileSize(fileSize) : ''}
|
||||||
</span>
|
</span>
|
||||||
|
|
Loading…
Add table
Add a link
Reference in a new issue