better comparison + fixed navbar

This commit is contained in:
Nicholas Orlowsky 2023-01-23 14:37:22 -06:00
parent 9c601aa3be
commit d764fd29e1
6 changed files with 191 additions and 54 deletions

View file

@ -0,0 +1,24 @@
import {UptimeRecord} from "../nws-api/types";
import React, {useState} from "react";
import '../App.css';
import "./UptimeCard.css"
import Modal from "react-modal";
export default function UptimeLabelCard() {
return(
<div className={"col-2 p-0 d-none d-md-block mb-2 m-0 text-center"}>
<div style={{height: 25, margin: 0}}>
<p className={"fw-bold"}>Service Name</p>
</div>
<hr/>
<p className={"fw-bold"}>Uptime (Last Month)</p>
<hr/>
<p className={"fw-bold"}>Uptime ({new Date().getFullYear()} YTD)</p>
<hr/>
<p className={"fw-bold"}>Avg Response Time (24hr)</p>
<hr/>
<p className={"fw-bold"}>Current Status</p>
</div>
);
}