add padding to web upload claim preview

This commit is contained in:
Sean Yesmunt 2020-02-11 11:50:42 -05:00
parent 1d2e33628c
commit 82c038b354
2 changed files with 5 additions and 1 deletions

View file

@ -12,7 +12,7 @@ export default function WebUploadItem(props: Props) {
const { params, progress, xhr } = props;
return (
<li className={'claim-preview claim-preview--inactive card--inline'}>
<li className={'claim-preview claim-preview--padded claim-preview--inactive card--inline'}>
<FileThumbnail thumbnail={params.thumbnail_url} />
<div className={'claim-preview-metadata'}>
<div className="claim-preview-info">

View file

@ -152,6 +152,10 @@
opacity: 0.6;
}
.claim-preview--padded {
padding: var(--spacing-small);
}
.claim-preview--inline {
.channel-thumbnail {
width: var(--channel-thumbnail-width--small);