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

Changing space indents on UI. Changing td aligns to bootstrap text-right

This commit is contained in:
Dessalines 2018-10-11 15:20:17 -07:00
parent 43ed6e0ba4
commit a442341cd0
3 changed files with 187 additions and 187 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
server/ui/.editorconfig
View File

@ -1,5 +1,5 @@
[*.{js,jsx,ts,tsx,json}] [*.{js,jsx,ts,tsx,json}]
indent_style = tab indent_style = space
indent_size = 2 indent_size = 2
trim_trailing_whitespace = true trim_trailing_whitespace = true
insert_final_newline = true insert_final_newline = true

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

@ -58,7 +58,7 @@ class TorrentSearchComponent extends Component<any, State> {
return ( return (
<div> <div>
{this.navbar()} {this.navbar()}
<div className={this.state.results.torrents[0]? "container-fluid" : "container"}> <div className={this.state.results.torrents[0] ? "container-fluid" : "container"}>
<div class="row mt-2"> <div class="row mt-2">
<div class="col-12"> <div class="col-12">
{ {
@ -81,9 +81,9 @@ class TorrentSearchComponent extends Component<any, State> {
<thead> <thead>
<tr> <tr>
<th>Name</th> <th>Name</th>
<th align="right">Size</th> <th class="text-right">Size</th>
<th align="right">Seeds</th> <th class="text-right">Seeds</th>
<th align="right">Leeches</th> <th class="text-right">Leeches</th>
<th>Created</th> <th>Created</th>
<th>Scraped</th> <th>Scraped</th>
<th></th> <th></th>
@ -93,12 +93,12 @@ class TorrentSearchComponent extends Component<any, State> {
{this.state.results.torrents.map(torrent => ( {this.state.results.torrents.map(torrent => (
<tr> <tr>
<td>{torrent.name}</td> <td>{torrent.name}</td>
<td align="right">{humanFileSize(torrent.size_bytes, true)}</td> <td class="text-right">{humanFileSize(torrent.size_bytes, true)}</td>
<td align="right">{torrent.seeders}</td> <td class="text-right">{torrent.seeders}</td>
<td align="right">{torrent.leechers}</td> <td class="text-right">{torrent.leechers}</td>
<td>{moment(torrent.created_unix * 1000).fromNow()}</td> <td>{moment(torrent.created_unix * 1000).fromNow()}</td>
<td>{moment(torrent.scraped_date * 1000).fromNow()}</td> <td>{moment(torrent.scraped_date * 1000).fromNow()}</td>
<td align="right"> <td class="text-right">
<a href={magnetLink(torrent.infohash)}> <a href={magnetLink(torrent.infohash)}>
<i class="fas fa-magnet"></i> <i class="fas fa-magnet"></i>
</a> </a>