Skip to content
Snippets Groups Projects
Commit a6af88d6 authored by Reinoud Bokhorst's avatar Reinoud Bokhorst
Browse files

OSB-35: version label added

parent c23b3e9d
Branches
No related tags found
2 merge requests!89Monitoring maintenance Epic branch merge,!1Resolve OSB-13 "Monitoringmaintenance "
...@@ -62,8 +62,8 @@ class ModalPicture extends Component { ...@@ -62,8 +62,8 @@ class ModalPicture extends Component {
<ModalBody> <ModalBody>
<img style={{width: '100%'}} src={this.state.modalUrl} alt="Not present" /> <img style={{width: '100%'}} src={this.state.modalUrl} alt="Not present" />
</ModalBody> </ModalBody>
</Modal> </React.Fragment> </Modal>
</React.Fragment>
); );
} }
} }
......
...@@ -28,6 +28,8 @@ class StationTestChildViewC extends Component { ...@@ -28,6 +28,8 @@ class StationTestChildViewC extends Component {
modal_url: "" modal_url: ""
}; };
imgLoadTimeout = {}
toggleModal = (e) => { toggleModal = (e) => {
this.setState({ this.setState({
modal: !this.state.modal, modal: !this.state.modal,
......
...@@ -3,11 +3,16 @@ ...@@ -3,11 +3,16 @@
/* font color */ /* font color */
/* font color */ /* font color */
/* Data colors */ /* Data colors */
.header { .header-navbar {
background-color: #773b6f; background-color: #773b6f;
padding: 20px; padding: 20px;
color: white; } color: white; }
.lofar { .header-brand em {
font-weight: bold; font-weight: bold;
font-style: normal; } font-style: normal; }
.header-brand span {
color: #8d8d8d;
font-size: 1.5rem;
font-style: italic; }
import React, { Component } from 'react'; import React, { Component } from 'react';
import './header.css'
import { Link } from 'react-router-dom'; import { Link } from 'react-router-dom';
import { Collapse, import { Collapse,
Nav, Nav,
...@@ -9,6 +8,9 @@ import { Collapse, ...@@ -9,6 +8,9 @@ import { Collapse,
NavItem, NavItem,
NavLink } from 'reactstrap'; NavLink } from 'reactstrap';
// CSS
import './header.scss'
class Header extends Component { class Header extends Component {
constructor(props){ constructor(props){
...@@ -33,8 +35,8 @@ class Header extends Component { ...@@ -33,8 +35,8 @@ class Header extends Component {
render() { render() {
return ( return (
<Navbar className="header" dark expand="lg"> <Navbar className="header-navbar" dark expand="lg">
<NavbarBrand><h1><em className='lofar'>LOFAR</em> Station monitor</h1></NavbarBrand> <NavbarBrand className='header-brand'><h1><em>LOFAR</em> Station monitor <span>v0.1</span></h1></NavbarBrand>
<NavbarToggler onClick={() => this.toggle()} /> <NavbarToggler onClick={() => this.toggle()} />
<Collapse isOpen={this.state.isOpen} navbar> <Collapse isOpen={this.state.isOpen} navbar>
<Nav className="ml-auto" navbar> <Nav className="ml-auto" navbar>
......
@import '../themes/lofar-variables.scss'; @import '../themes/lofar-variables.scss';
.header { .header-navbar {
background-color: $primary; background-color: $primary;
padding: 20px; padding: 20px;
color: white; color: white;
} }
.lofar { .header-brand em {
font-weight: bold; font-weight: bold;
font-style: normal; font-style: normal;
} }
.header-brand span {
color: $secondary-dark;
font-size: 1.5rem;
font-style: italic;
}
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Please register or to comment