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

fix disappearing hr

Browse source
This commit is contained in:
Nicholas Orlowsky 2023-01-25 20:05:42 -06:00
parent 721c30b367
commit 17e22ac8e8
4 changed files with 18 additions and 14 deletions
Download patch file Download diff file Expand all files Collapse all files

4
src/components/UptimeCard.css
View file

@ -40,3 +40,7 @@
.stat-bad {
color: #921111
}
hr {
height: 1.1px;
}

8
src/components/UptimeComparisonCard.tsx
View file

@ -36,22 +36,22 @@ export default function UptimeComparisonCard(props: {uptime: UptimeRecord, isSer
<div style={{height: 25, margin: 0}} className={"pt-2 pt-lg-0"}>
<h4 className={"uptime-lnk"} onClick={()=>setModalOpen(true)}>{props.uptime.name}</h4>
</div>
<hr/>
<hr className={" w-100"}/>
<p className={"fw-bold d-lg-none"}>Uptime (Last Month)</p>
<div style={{height: 25, margin: 0}} className={"pt-2 pt-lg-0"}>
<p className={getUptimeClass(props.uptime.uptimeMonth)}>{props.uptime.uptimeMonth}%</p>
</div>
<hr className={"d-lg-block d-none"}/>
<hr className={"d-lg-block d-none w-100"}/>
<p className={"fw-bold d-lg-none"}>Uptime ({new Date().getFullYear()} YTD)</p>
<div style={{height: 25, margin: 0}} className={"pt-2 pt-lg-0"}>
<p className={getUptimeClass(props.uptime.uptimeYtd)}>{props.uptime.uptimeYtd}%</p>
</div>
<hr className={"d-lg-block d-none"}/>
<hr className={"d-lg-block d-none w-100"}/>
<p className={"fw-bold d-lg-none"}>Avg Response Time (24hr)</p>
<div style={{height: 25, margin: 0}} className={"pt-2 pt-lg-0"}>
<p className={getResponseTimeClass(props.uptime.averageResponseTime)}>{props.uptime.averageResponseTime}ms</p>
</div>
<hr className={"d-lg-block d-none"}/>
<hr className={"d-lg-block d-none w-100"} />
<p className={"fw-bold d-lg-none"}>Current Status</p>
<div style={{height: 25, margin: 0}} className={"pt-2 pt-lg-0"}>

9
src/components/UptimeLabelCard.tsx
View file

@ -11,22 +11,21 @@ export default function UptimeLabelCard() {
<div style={{height: 25, margin: 0}}>
<p className={"fw-bold"} style={{fontSize: ".9em"}}>Service Name</p>
</div>
<hr/>
<hr className={"w-100"}/>
<div style={{height: 25, margin: 0}}>
<p className={"fw-bold"} style={{fontSize: ".9em"}}>Uptime (Last Month)</p>
</div>
<hr/>
<hr className={"w-100"}/>
<div style={{height: 25, margin: 0}}>
<p className={"fw-bold"} style={{fontSize: ".9em"}}>Uptime ({new Date().getFullYear()} YTD)</p>
</div>
<hr/>
<hr className={"w-100"}/>
<div style={{height: 25, margin: 0}}>
<p className={"fw-bold"} style={{fontSize: ".9em"}}>Avg Response Time (24hr)</p>
</div>
<hr/>
<hr className={"w-100"}/>
<div style={{height: 25, margin: 0}}>
<p className={"fw-bold"} style={{fontSize: ".9em"}}>Current Status</p>
</div>