DebaucheryLibrarian/traxxx
2
1
Fork 1
Code Issues 39 Pull Requests 1 Releases Wiki Activity

Improved scene tile layout.

Browse Source
This commit is contained in:
ThePendulum
2019-05-09 01:58:47 +02:00
parent e3558fc0c5
commit 665b77fb4e
3 changed files with 56 additions and 42 deletions
Download Patch File Download Diff File Expand all files Collapse all files

50
assets/views/home.jsx
View File

@@ -12,15 +12,29 @@ class Home extends React.Component {
<ul className="scenes">
{this.props.releases.map(release => (
<li key={release.id} className="scene">
<a
href={`/item/${release.id}`}
target="_blank"
<span
className="scene-banner"
>
<span className="scene-details">
<a
href={`/site/${release.site.id}`}
className="scene-site site-link"
title={release.network.name}
>{release.site.name}</a>
<a
href={release.url}
target="_blank"
rel="noopener noreferrer"
className="scene-date"
>{moment(release.date).format('YYYY-MM-DD')}</a>
</span>
<img
src={`/${release.site.id}/${release.id}/0.jpg`}
className="scene-thumbnail"
/>
</a>
</span>
<div className="scene-info">
<a
@@ -30,29 +44,6 @@ class Home extends React.Component {
className="scene-row scene-link"
><h2 className="scene-title">{release.title}</h2></a>
<span className="scene-row">
<a
href={`/site/${release.site.id}`}
className="scene-site site-link"
>{release.site.name}</a>
<span>
<a
className="scene-network"
href={`/network/${release.network.id}`}
target="_blank"
rel="noopener noreferrer"
>{release.network.name}</a>
<a
href={release.url}
target="_blank"
rel="noopener noreferrer"
className="scene-date"
>{moment(release.date).format('YYYY-MM-DD')}</a>
</span>
</span>
<span className="scene-row">
<ul className="scene-actors nolist">{release.actors.map(actor =>
<li
@@ -67,7 +58,10 @@ class Home extends React.Component {
)}</ul>
</span>
<span className="scene-row">
<span
title={release.tags.map(tag => tag.tag).join(', ')}
className="scene-row"
>
<ul className="scene-tags nolist">{release.tags.map(tag =>
<li
key={tag.tag}