LBRYFoundation/lbry-desktop
1
0
Fork 0
mirror of https://github.com/LBRYFoundation/lbry-desktop.git synced 2025-09-20 10:09:07 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

update file layout and more fixes :)

Browse source
This commit is contained in:
btzr-io 2017-10-09 22:53:50 -06:00
parent 3c31ad69ea
commit 2039ab7f21
4 changed files with 34 additions and 35 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
ui/js/component/video/view.jsx
View file

@ -80,7 +80,7 @@ class Video extends React.PureComponent {
loadStatusMessage = __("Downloading stream... not long left now!"); loadStatusMessage = __("Downloading stream... not long left now!");
} }
let klasses = ["card"]; let klasses = [];
klasses.push(obscureNsfw ? "video--obscured " : ""); klasses.push(obscureNsfw ? "video--obscured " : "");
if (isLoading || isDownloading) klasses.push("video-embedded", "video"); if (isLoading || isDownloading) klasses.push("video-embedded", "video");
if (mediaType === "video") { if (mediaType === "video") {

8
ui/js/page/file/view.jsx
View file

@ -63,15 +63,14 @@ class FilePage extends React.PureComponent {
mediaType === "audio"; mediaType === "audio";
return ( return (
<div> <section className={"card " + (obscureNsfw ? "card--obscured " : "")}>
<section className="show-page-media"> <div className="show-page-media">
{isPlayable {isPlayable
? <Video className="video-embedded" uri={uri} /> ? <Video className="video-embedded" uri={uri} />
: metadata && metadata.thumbnail : metadata && metadata.thumbnail
? <Thumbnail src={metadata.thumbnail} /> ? <Thumbnail src={metadata.thumbnail} />
: <Thumbnail />} : <Thumbnail />}
</section> </div>
<section className={"card " + (obscureNsfw ? "card--obscured " : "")}>
<div className="card__inner"> <div className="card__inner">
{(!tab || tab === "details") && {(!tab || tab === "details") &&
<div> <div>
@ -100,7 +99,6 @@ class FilePage extends React.PureComponent {
<WalletSendTip claim_id={claim.claim_id} uri={uri} />} <WalletSendTip claim_id={claim.claim_id} uri={uri} />}
</div> </div>
</section> </section>
</div>
); );
} }
} }

2
ui/scss/component/_card.scss
View file

@ -44,7 +44,7 @@
text-overflow: ellipsis; text-overflow: ellipsis;
} }
.card__title-identity { .card__title-identity {
margin: $spacing-vertical * 1/2 0; margin: 16px 0;
} }
.card__actions { .card__actions {
margin-top: var(--card-margin); margin-top: var(--card-margin);

3
ui/scss/page/_show.scss
View file

@ -1,6 +1,7 @@
.show-page-media { .show-page-media {
text-align: center; text-align: center;
margin-bottom: $spacing-vertical; margin-bottom: 16px;
overflow: auto;
img { img {
max-width: 100%; max-width: 100%;
} }