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

improve icon placement in FileTile

Browse source
This commit is contained in:
Sean Yesmunt 2018-08-06 14:40:33 -04:00
parent 0d2eab88da
commit 7944ab556a
2 changed files with 11 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
src/renderer/component/fileTile/view.jsx
View file

@ -123,8 +123,10 @@ class FileTile extends React.PureComponent<Props> {
'card__subtitle--x-small': small, 'card__subtitle--x-small': small,
})} })}
> >
{showUri ? uri : channel || __('Anonymous')} <span className="file-tile__channel">
{isRewardContent && <Icon icon={icons.FEATURED} />} {showUri ? uri : channel || __('Anonymous')}
</span>
{isRewardContent && <Icon iconColor="red" icon={icons.FEATURED} />}
{showLocal && isDownloaded && <Icon icon={icons.LOCAL} />} {showLocal && isDownloaded && <Icon icon={icons.LOCAL} />}
</div> </div>
<FilePrice hideFree uri={uri} /> <FilePrice hideFree uri={uri} />

7
src/renderer/scss/component/_file-list.scss
View file

@ -31,9 +31,16 @@
.card__subtitle { .card__subtitle {
line-height: 1; line-height: 1;
display: flex;
align-items: center;
// justify-content: space-between;
} }
} }
.file-tile__channel {
padding-right: $spacing-width * 1/4;
}
.file-tile.file-tile--small { .file-tile.file-tile--small {
padding-top: $spacing-vertical * 2/3; padding-top: $spacing-vertical * 2/3;