keannu125/Borrowing-TrackerFrontend
1
0
Fork 0
mirror of https://github.com/lemeow125/Borrowing-TrackerFrontend.git synced 2024-11-17 06:19:27 +08:00
Code Issues Projects Releases Packages Wiki Activity Actions

gibalhin ra nako

Browse source
This commit is contained in:
Pongot, Jophiel 2024-01-10 06:48:38 +08:00
parent f208582444
commit 2412f26809
1 changed files with 94 additions and 73 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

47
src/Pages/EquipmentTallyPage/EquipmentTallyPage.tsx
View file

@ -65,16 +65,27 @@ export default function EquipmentTallyPage() {
width: "100%", width: "100%",
minHeight: "100%", minHeight: "100%",
minWidth: "100%", minWidth: "100%",
marginTop: "6rem" marginTop: "6rem",
}}
>
<div style={{ alignSelf: "flex-start", paddingLeft: "32px" }}></div>
<TableContainer
style={{ width: "90%", overflowY: "scroll", marginTop: "2rem" }}
component={Paper}
>
<div
style={{
display: "flex",
flexDirection: "row",
}} }}
> >
<div <div
style={{ display: "flex", flexDirection: "row", alignSelf: "flex-start", marginLeft: " 5rem"}} style={{
>
<div style={{
...styles.flex_row, ...styles.flex_row,
...{ alignItems: "center", justifySelf: "flex-start" }, ...{ alignItems: "center", justifySelf: "flex-start" },
}}> }}
>
<SearchIcon <SearchIcon
style={{ style={{
height: 32, height: 32,
@ -91,7 +102,9 @@ export default function EquipmentTallyPage() {
width: "256x", width: "256x",
bgcolor: "background.paper", bgcolor: "background.paper",
color: (theme) => color: (theme) =>
theme.palette.getContrastText(theme.palette.background.paper), theme.palette.getContrastText(
theme.palette.background.paper
),
}, },
}} }}
value={filter} value={filter}
@ -138,13 +151,9 @@ export default function EquipmentTallyPage() {
</p> </p>
</div> </div>
</div> </div>
<div style={{ alignSelf: "flex-start", paddingLeft: "32px" }}></div>
<TableContainer
style={{ width: "90%", overflowY: "scroll", marginTop: "2rem" }}
component={Paper}
>
<Table sx={{ minWidth: "32rem" }} size="medium"> <Table sx={{ minWidth: "32rem" }} size="medium">
<TableHead> <TableHead>
<TableRow></TableRow>
<TableRow style={{ backgroundColor: colors.header_color }}> <TableRow style={{ backgroundColor: colors.header_color }}>
<TableCell align="center" style={styles.text_light}> <TableCell align="center" style={styles.text_light}>
ID ID
@ -229,7 +238,13 @@ export default function EquipmentTallyPage() {
).length ).length
} }
</p> </p>
<p style={{ ...styles.text_dark, ...styles.text_S, color: colors.red }}> <p
style={{
...styles.text_dark,
...styles.text_S,
color: colors.red,
}}
>
Broken: {"\n"} Broken: {"\n"}
{ {
equipment_instances.data?.filter( equipment_instances.data?.filter(
@ -240,7 +255,13 @@ export default function EquipmentTallyPage() {
).length ).length
} }
</p> </p>
<div style={{ borderTop: "1px solid #000", minWidth: "40%", alignSelf: "center" }}> <div
style={{
borderTop: "1px solid #000",
minWidth: "40%",
alignSelf: "center",
}}
>
<p <p
style={{ ...styles.text_dark, ...styles.text_s }} style={{ ...styles.text_dark, ...styles.text_s }}
> >