rob
/
torrents.csv
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

More responsive

This commit is contained in:
Dessalines 2018-11-26 22:25:52 -07:00
parent 24571df531
commit ada3df08dc
1 changed files with 31 additions and 33 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
server/ui/src/index.tsx
View File

@ -77,8 +77,7 @@ class TorrentSearchComponent extends Component<any, State> {
table() { table() {
return ( return (
<div> <div>
<div class="table-responsive-md"> <table style="table-layout: fixed;" class="table table-fixed table-hover table-sm table-striped">
<table class="table table-hover table-sm table-striped">
<thead> <thead>
<tr> <tr>
<th style="width: 50%">Name</th> <th style="width: 50%">Name</th>
@ -92,7 +91,7 @@ class TorrentSearchComponent extends Component<any, State> {
<tbody> <tbody>
{this.state.results.torrents.map(torrent => ( {this.state.results.torrents.map(torrent => (
<tr> <tr>
<td>{torrent.name}</td> <td style="word-wrap: break-word;">{torrent.name}</td>
<td class="text-right text-muted">{humanFileSize(torrent.size_bytes, true)}</td> <td class="text-right text-muted">{humanFileSize(torrent.size_bytes, true)}</td>
<td class="text-right text-success"><div><i class="fas fa-fw fa-arrow-up"></i>{torrent.seeders}</div></td> <td class="text-right text-success"><div><i class="fas fa-fw fa-arrow-up"></i>{torrent.seeders}</div></td>
<td class="text-right text-danger d-none d-md-table-cell"><i class="fas fa-fw fa-arrow-down"></i>{torrent.leechers}</td> <td class="text-right text-danger d-none d-md-table-cell"><i class="fas fa-fw fa-arrow-down"></i>{torrent.leechers}</td>
@ -111,7 +110,6 @@ class TorrentSearchComponent extends Component<any, State> {
))} ))}
</tbody> </tbody>
</table> </table>
</div>
{this.paginator()} {this.paginator()}
</div> </div>
); );