LBRYCommunity/spee.ch
1
0
Fork 0
Code Issues 95 Pull requests 2 Projects Releases 4 Packages Wiki Activity

Osprey landing page and styling #632

Merged
daovist merged 6 commits from multisite-styling into master 2018-10-15 19:42:36 +02:00
Conversation 0 Commits 6 Files changed 6 +26 -11
2 changed files with 26 additions and 11 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files
Showing only changes of commit b87a768803 - Show all commits

9
client/scss/asset-preview/_asset-preview.scss
View file

@ -9,3 +9,12 @@
background-color: #ffffff;
width: calc(100% - 12px - 12px - 2px);
}
h6.list-title {
margin: 0;
text-overflow: ellipsis;
word-wrap: break-word;
overflow: hidden;
line-height: 1em;
max-height: 2em;
}

8
client/src/components/AssetPreview/index.jsx
View file

@ -1,7 +1,7 @@
import React from 'react';
import { Link } from 'react-router-dom';
const AssetPreview = ({ defaultThumbnail, claimData: { name, claimId, fileExt, contentType, thumbnail } }) => {
const AssetPreview = ({ defaultThumbnail, claimData: { name, claimId, fileExt, contentType, thumbnail, title } }) => {
const embedUrl = `/${claimId}/${name}.${fileExt}`;
const showUrl = `/${claimId}/${name}`;
return (
@ -13,19 +13,25 @@ const AssetPreview = ({ defaultThumbnail, claimData: { name, claimId, fileExt, c
case 'image/png':
case 'image/gif':
return (
<div>
<h6 class='list-title'>{title}</h6>
<img
className={'asset-preview-image'}
src={embedUrl}
alt={name}
/>
</div>
);
case 'video/mp4':
return (
<div>
<h6 class='list-title'>{title}</h6>
<img
className={'asset-preview-video'}
src={thumbnail || defaultThumbnail}
alt={name}
/>
</div>
);
default:
return (