misc UI cleanup

This commit is contained in:
Collin M. Barrett 2018-02-14 18:01:00 -06:00
parent bc602a89c7
commit dbbc87f168
2 changed files with 17 additions and 9 deletions

View file

@ -39,22 +39,27 @@ export class Home extends React.Component<RouteComponentProps<{}>, IFilterListsS
columns={[
{
Header: "Name",
accessor: "name"
accessor: "name",
maxWidth: 250
},
{
Header: "Description",
accessor: "description"
accessor: "description",
className: "hidden-xs",
headerClassName: "hidden-xs"
},
{
Header: "View",
accessor: "viewUrl",
Cell: (d: any) => <a href={d.value}>View</a>
Cell: (d: any) => <a href={d.value}>View</a>,
maxWidth: 100
},
{
Header: "Subscribe",
accessor: "viewUrl",
Cell: (d: any) => <a href={`abp:subscribe?location=${encodeURIComponent(d.value)
}&amp;title=${encodeURIComponent(d.row.name)}`}>Subscribe</a>
}&amp;title=${encodeURIComponent(d.row.name)}`}>Subscribe</a>,
maxWidth: 100
}
]}/>;
}

View file

@ -1,5 +1,4 @@
import * as React from "react";
import { NavMenu } from "./NavMenu";
export interface LayoutProps {
children?: React.ReactNode;
@ -9,13 +8,17 @@ export class Layout extends React.Component<LayoutProps, {}> {
render() {
return <div className="container-fluid">
<div className="row">
<div className="col-sm-3">
<NavMenu/>
</div>
<div className="col-sm-9">
<h1>FilterLists</h1>
<p>The independent and comprehensive directory of all public filter and hosts lists for advertisements, trackers, malware, and annoyances.</p>
</div>
<div className="row">
<div>
{ this.props.children }
</div>
</div>
<div className="row text-center">
A project by <a href="https://collinmbarrett.com/">Collin M. Barrett</a>. | View on <a href="https://github.com/collinbarrett/FilterLists">GitHub</a>.
</div>
</div>;
}
}