keannu125/EquipmentTracker-Frontend
1
0
Fork 0
mirror of https://github.com/lemeow125/EquipmentTracker-Frontend.git synced 2024-11-17 06:09:25 +08:00
Code Issues Projects Releases Packages Wiki Activity Actions

Update widget labels in dashboard

Browse source
This commit is contained in:
Keannu Bernasol 2023-12-02 17:20:50 +08:00
parent 2c0ae6770c
commit 56a4ecd5d3
1 changed files with 9 additions and 8 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

17
src/Pages/DashboardPage/DashboardPage.tsx
View file

@ -18,6 +18,7 @@ export default function Dashboard() {
], ],
}); });
const isLoading = queries.some((result) => result.isLoading); const isLoading = queries.some((result) => result.isLoading);
if (isLoading) { if (isLoading) {
return ( return (
<div style={styles.background}> <div style={styles.background}>
@ -49,7 +50,7 @@ export default function Dashboard() {
<div style={styles.background}> <div style={styles.background}>
<Header label={"Dashboard"} /> <Header label={"Dashboard"} />
<div style={styles.flex_column}> <div style={styles.flex_column}>
<div style={{ ...styles.flex_row, ...{ alignSelf: "center" } }}> <div style={{ ...styles.flex_row, ...{ alignSelf: "center", justifyContent:'center',flexWrap:'wrap' } }}>
<div <div
style={{ style={{
paddingLeft: "16px", paddingLeft: "16px",
@ -59,7 +60,7 @@ export default function Dashboard() {
backgroundColor: "#a6a6a6", backgroundColor: "#a6a6a6",
alignSelf: "center", alignSelf: "center",
justifyContent: "center", justifyContent: "center",
width: "512px", width: "32rem",
}} }}
> >
<p <p
@ -69,7 +70,7 @@ export default function Dashboard() {
...{ float: "left", position: "absolute" }, ...{ float: "left", position: "absolute" },
}} }}
> >
Item Types in System Equipment Types in Database
</p> </p>
<p <p
@ -90,7 +91,7 @@ export default function Dashboard() {
backgroundColor: "#a6a6a6", backgroundColor: "#a6a6a6",
alignSelf: "center", alignSelf: "center",
justifyContent: "center", justifyContent: "center",
width: "512px", width: "32rem",
}} }}
> >
<p <p
@ -100,7 +101,7 @@ export default function Dashboard() {
...{ float: "left", position: "absolute" }, ...{ float: "left", position: "absolute" },
}} }}
> >
Unique Items in System Equipment Count
</p> </p>
<p <p
@ -113,7 +114,7 @@ export default function Dashboard() {
</p> </p>
</div> </div>
</div> </div>
<div style={{ ...styles.flex_row, ...{ alignSelf: "center" } }}> <div style={{ ...styles.flex_row, ...{ alignSelf: "center",justifyContent:'center', flexWrap:'wrap' } }}>
<div <div
style={{ style={{
paddingLeft: "16px", paddingLeft: "16px",
@ -123,7 +124,7 @@ export default function Dashboard() {
backgroundColor: "#a6a6a6", backgroundColor: "#a6a6a6",
alignSelf: "center", alignSelf: "center",
justifyContent: "center", justifyContent: "center",
width: "512px", width: "32rem",
}} }}
> >
<p <p
@ -158,7 +159,7 @@ export default function Dashboard() {
backgroundColor: "#a6a6a6", backgroundColor: "#a6a6a6",
alignSelf: "center", alignSelf: "center",
justifyContent: "center", justifyContent: "center",
width: "512px", width: "32rem",
}} }}
> >
<p <p