move title below image; h6 -> h3

This commit is contained in:
Travis Eden 2018-10-11 15:01:17 -04:00
parent b87a768803
commit e17c8c936e
2 changed files with 3 additions and 3 deletions

View file

@ -10,7 +10,7 @@
width: calc(100% - 12px - 12px - 2px); width: calc(100% - 12px - 12px - 2px);
} }
h6.list-title { h3.list-title {
margin: 0; margin: 0;
text-overflow: ellipsis; text-overflow: ellipsis;
word-wrap: break-word; word-wrap: break-word;

View file

@ -14,23 +14,23 @@ const AssetPreview = ({ defaultThumbnail, claimData: { name, claimId, fileExt, c
case 'image/gif': case 'image/gif':
return ( return (
<div> <div>
<h6 class='list-title'>{title}</h6>
<img <img
className={'asset-preview-image'} className={'asset-preview-image'}
src={embedUrl} src={embedUrl}
alt={name} alt={name}
/> />
<h3 className='list-title'>{title}</h3>
</div> </div>
); );
case 'video/mp4': case 'video/mp4':
return ( return (
<div> <div>
<h6 class='list-title'>{title}</h6>
<img <img
className={'asset-preview-video'} className={'asset-preview-video'}
src={thumbnail || defaultThumbnail} src={thumbnail || defaultThumbnail}
alt={name} alt={name}
/> />
<h3 className='list-title'>{title}</h3>
</div> </div>
); );
default: default: