use bootstrap img-responsive for logo

This commit is contained in:
Collin M. Barrett 2018-02-15 20:52:22 -06:00
parent 587f1aba2a
commit 5a33af3839

View file

@ -1,23 +1,19 @@
import * as React from "react";
export interface LayoutProps {
export interface ILayoutProps {
children?: React.ReactNode;
}
export class Layout extends React.Component<LayoutProps, {}> {
export class Layout extends React.Component<ILayoutProps, {}> {
render() {
return <div className="container">
<div className="row">
<h1>
<a href="./">
<img src="logo_filterlists.png" alt="FilterLists" style={{
width: "40%",
display: "block",
height: "auto"
}}/>
<img src="logo_filterlists.png" alt="FilterLists" className="img-responsive"/>
</a>
</h1>
<p style={{ margin: 10 }}>
<p style={{ margin: 10 }}>
The independent and comprehensive directory of all public filter and hosts lists for advertisements, trackers, malware, and annoyances.
</p>
</div>