better comparison + fixed navbar
This commit is contained in:
parent
9c601aa3be
commit
d764fd29e1
6 changed files with 191 additions and 54 deletions
24
src/components/UptimeLabelCard.tsx
Normal file
24
src/components/UptimeLabelCard.tsx
Normal 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>
|
||||
);
|
||||
}
|
Loading…
Add table
Add a link
Reference in a new issue