mirror of
https://github.com/zoriya/flood.git
synced 2026-05-25 16:29:12 +00:00
Tweak torrent details
This commit is contained in:
@@ -204,7 +204,7 @@ $torrent--background--error: #e95779;
|
||||
&--tertiary {
|
||||
color: $torrent--tertiary--foreground;
|
||||
display: block;
|
||||
font-size: 0.75em;
|
||||
font-size: 0.7em;
|
||||
margin: 1px 0;
|
||||
|
||||
li {
|
||||
@@ -255,27 +255,27 @@ $torrent--background--error: #e95779;
|
||||
}
|
||||
|
||||
&--completed {
|
||||
width: 100px;
|
||||
width: 90px;
|
||||
}
|
||||
|
||||
&--uploaded {
|
||||
width: 60px;
|
||||
width: 55px;
|
||||
}
|
||||
|
||||
&--size {
|
||||
width: 60px;
|
||||
}
|
||||
|
||||
&--peers {
|
||||
width: 60px;
|
||||
}
|
||||
|
||||
&--seeds {
|
||||
width: 60px;
|
||||
width: 55px;
|
||||
}
|
||||
|
||||
&--added {
|
||||
width: 90px;
|
||||
width: 80px;
|
||||
}
|
||||
|
||||
&--peers {
|
||||
width: 55px;
|
||||
}
|
||||
|
||||
&--seeds {
|
||||
width: 55px;
|
||||
}
|
||||
|
||||
&--eta {
|
||||
|
||||
@@ -108,6 +108,10 @@ export default class Torrent extends React.Component {
|
||||
{totalSize.value}
|
||||
<em className="unit">{totalSize.unit}</em>
|
||||
</li>
|
||||
<li className="torrent__details--added">
|
||||
<span className="torrent__details__icon"><CalendarIcon /></span>
|
||||
{addedString}
|
||||
</li>
|
||||
<li className="torrent__details--peers">
|
||||
<span className="torrent__details__icon"><PeersIcon /></span>
|
||||
{torrent.connectedPeers} <em className="unit">of</em> {torrent.totalPeers}
|
||||
@@ -116,10 +120,6 @@ export default class Torrent extends React.Component {
|
||||
<span className="torrent__details__icon"><SeedsIcon /></span>
|
||||
{torrent.connectedSeeds} <em className="unit">of</em> {torrent.totalSeeds}
|
||||
</li>
|
||||
<li className="torrent__details--added">
|
||||
<span className="torrent__details__icon"><CalendarIcon /></span>
|
||||
{addedString}
|
||||
</li>
|
||||
</ul>
|
||||
<ProgressBar percent={torrent.percentComplete} icon={torrentStatusIcon} />
|
||||
<button className="torrent__more-info floating-action__button"
|
||||
|
||||
Reference in New Issue
Block a user