nws/nws-site
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

sizing changes for table

Browse source
This commit is contained in:
Nicholas Orlowsky 2023-01-25 15:47:27 -06:00
parent 1ab20739cc
commit 721c30b367
5 changed files with 45 additions and 20 deletions
Download patch file Download diff file Expand all files Collapse all files

24
src/components/UptimeLabelCard.tsx
View file

@ -7,18 +7,30 @@ 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 className={"col-2 p-0 d-none d-lg-block mb-2 m-0 text-center"}>
<div style={{height: 25, margin: 0}}>
<p className={"fw-bold"}>Service Name</p>
<p className={"fw-bold"} style={{fontSize: ".9em"}}>Service Name</p>
</div>
<hr/>
<p className={"fw-bold"}>Uptime (Last Month)</p>
<div style={{height: 25, margin: 0}}>
<p className={"fw-bold"} style={{fontSize: ".9em"}}>Uptime (Last Month)</p>
</div>
<hr/>
<p className={"fw-bold"}>Uptime ({new Date().getFullYear()} YTD)</p>
<div style={{height: 25, margin: 0}}>
<p className={"fw-bold"} style={{fontSize: ".9em"}}>Uptime ({new Date().getFullYear()} YTD)</p>
</div>
<hr/>
<p className={"fw-bold"}>Avg Response Time (24hr)</p>
<div style={{height: 25, margin: 0}}>
<p className={"fw-bold"} style={{fontSize: ".9em"}}>Avg Response Time (24hr)</p>
</div>
<hr/>
<p className={"fw-bold"}>Current Status</p>
<div style={{height: 25, margin: 0}}>
<p className={"fw-bold"} style={{fontSize: ".9em"}}>Current Status</p>
</div>
</div>
);
}