Update
This commit is contained in:
parent
f434627daa
commit
7e5c6b5db7
18
src/App.css
18
src/App.css
@ -1,5 +1,11 @@
|
||||
.App {
|
||||
text-align: center;
|
||||
margin: .5em;
|
||||
}
|
||||
|
||||
.rainfall-gauge {
|
||||
border: .01em solid black;
|
||||
padding: .6em;
|
||||
width: 15em;
|
||||
}
|
||||
|
||||
.App-logo {
|
||||
@ -13,15 +19,11 @@
|
||||
}
|
||||
}
|
||||
|
||||
.App-header {
|
||||
.header {
|
||||
background-color: #282c34;
|
||||
min-height: 100vh;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
font-size: calc(10px + 2vmin);
|
||||
color: white;
|
||||
text-align: center;
|
||||
border: .01em solid black;
|
||||
}
|
||||
|
||||
.App-link {
|
||||
|
18
src/App.tsx
18
src/App.tsx
@ -1,24 +1,14 @@
|
||||
import React from 'react';
|
||||
import logo from './logo.svg';
|
||||
import './App.css';
|
||||
import Rainfall from './components/rainfall';
|
||||
|
||||
function App() {
|
||||
return (
|
||||
<div className="App">
|
||||
<header className="App-header">
|
||||
<img src={logo} className="App-logo" alt="logo" />
|
||||
<p>
|
||||
Edit <code>src/App.tsx</code> and save to reload.
|
||||
</p>
|
||||
<a
|
||||
className="App-link"
|
||||
href="https://reactjs.org"
|
||||
target="_blank"
|
||||
rel="noopener noreferrer"
|
||||
>
|
||||
Learn React
|
||||
</a>
|
||||
</header>
|
||||
<h1 className={'header'}>MooreForge Weather Station</h1>
|
||||
<p>Welcome to the MooreForge Weather Station. While a work in progress, there are some functional sensors shown below.</p>
|
||||
<div className={'rainfall-gauge'}><Rainfall /></div>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
|
Loading…
Reference in New Issue
Block a user