LBRYCommunity/lbry-desktop
1
0
Fork 0
Code Issues 596 Pull requests 6 Projects Releases 238 Packages Wiki Activity

add padding to web upload claim preview

Browse source
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
Show stats Download patch file Download diff file Expand all files Collapse all files

2
ui/component/webUploadList/internal/web-upload-item.jsx
View file

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

4
ui/scss/component/_claim-list.scss
View file

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