diff --git a/app/src/App.js b/app/src/App.js index c714d4b..7c12c77 100644 --- a/app/src/App.js +++ b/app/src/App.js @@ -24,6 +24,7 @@ const Container = styled(Card)` height: 100%; padding: 0; overflow-y: auto; + border-radius: 0px; `; class App extends Component { diff --git a/app/src/components/Image.js b/app/src/components/Image.js index 6b1f5cc..e84b42d 100644 --- a/app/src/components/Image.js +++ b/app/src/components/Image.js @@ -27,6 +27,8 @@ const ImageTag = styled.h3` const P = styled.p` font-weight: bold; + overflow: hidden; + text-overflow: ellipsis; `; class Image extends Component { diff --git a/app/src/components/pages/Images.js b/app/src/components/pages/Images.js index e4d443b..35cf2a0 100644 --- a/app/src/components/pages/Images.js +++ b/app/src/components/pages/Images.js @@ -1,7 +1,6 @@ import React, { Component } from "react"; import styled from "styled-components"; -// import _ from 'lodash' import { Flex, Box } from "reflexbox"; import { Collapse, diff --git a/app/src/components/pages/Info.js b/app/src/components/pages/Info.js index 3183f37..6da282e 100644 --- a/app/src/components/pages/Info.js +++ b/app/src/components/pages/Info.js @@ -1,17 +1,18 @@ import React, { Component } from "react"; -import { Collapse, Card } from "@blueprintjs/core"; +import { Collapse } from "@blueprintjs/core"; import { Route } from "react-router-dom"; -// import { Flex } from "reflexbox"; +import { Box } from "reflexbox"; +import styled from "styled-components"; -class Info extends Component { - constructor() { - super(); +const Title = styled.h2` + margin: 0; +`; - this.state = { - info: null - }; - } +class Info extends Component { + state = { + info: null + }; async componentDidMount() { const info = await fetch("/api/info"); @@ -26,8 +27,8 @@ class Info extends Component { path="/info" render={({ match }) => ( - -

Info

+ + Info {/* {info && ( @@ -40,7 +41,7 @@ class Info extends Component { )} */} -
+
)} /> diff --git a/app/src/components/pages/Networks.js b/app/src/components/pages/Networks.js index 7aeeefe..f92fc2b 100644 --- a/app/src/components/pages/Networks.js +++ b/app/src/components/pages/Networks.js @@ -1,7 +1,13 @@ import React from "react"; -import { Collapse, Card } from "@blueprintjs/core"; +import { Collapse } from "@blueprintjs/core"; import { Route } from "react-router-dom"; +import styled from "styled-components"; +import { Box } from "reflexbox"; + +const Title = styled.h2` + margin: 0; +`; const Networks = () => { return ( @@ -9,9 +15,9 @@ const Networks = () => { path="/networks" render={({ match }) => ( - -

Networks

-
+ + Networks +
)} /> diff --git a/app/src/components/pages/Volumes.js b/app/src/components/pages/Volumes.js index a5b7066..0696c5c 100644 --- a/app/src/components/pages/Volumes.js +++ b/app/src/components/pages/Volumes.js @@ -1,7 +1,13 @@ import React from "react"; -import { Collapse, Card } from "@blueprintjs/core"; +import { Collapse } from "@blueprintjs/core"; import { Route } from "react-router-dom"; +import styled from "styled-components"; +import { Box } from "reflexbox"; + +const Title = styled.h2` + margin: 0; +`; const Volumes = () => { return ( @@ -9,9 +15,9 @@ const Volumes = () => { path="/volumes" render={({ match }) => ( - -

Volumes

-
+ + Volumes +
)} />