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

Improved all rendered tables by removing redundant div

Browse source
This commit is contained in:
Keannu Bernasol 2023-12-14 20:32:12 +08:00
parent d2521a628d
commit 9bb312808e
5 changed files with 402 additions and 397 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

7
src/Pages/EquipmentInstancesListPage/EquipmentInstancesFilteredListPage.tsx
View file

@ -67,8 +67,10 @@ export default function EquipmentInstancesFilteredListPage() {
flexWrap: "wrap", flexWrap: "wrap",
}} }}
> >
<div style={{ width: "90%", overflowY: "scroll", marginTop: "2rem" }}> <TableContainer
<TableContainer component={Paper}> style={{ width: "90%", overflowY: "scroll", marginTop: "2rem" }}
component={Paper}
>
<Table sx={{ minWidth: "32rem" }} size="medium"> <Table sx={{ minWidth: "32rem" }} size="medium">
<TableHead> <TableHead>
<TableRow style={{ backgroundColor: colors.header_color }}> <TableRow style={{ backgroundColor: colors.header_color }}>
@ -139,7 +141,6 @@ export default function EquipmentInstancesFilteredListPage() {
</Table> </Table>
</TableContainer> </TableContainer>
</div> </div>
</div>
<Popup <Popup
open={editmodalOpen} open={editmodalOpen}
onClose={() => SetEditModalOpen(false)} onClose={() => SetEditModalOpen(false)}

7
src/Pages/EquipmentInstancesListPage/EquipmentInstancesListPage.tsx
View file

@ -65,8 +65,10 @@ export default function EquipmentInstancesListPage() {
flexWrap: "wrap", flexWrap: "wrap",
}} }}
> >
<div style={{ width: "90%", overflowY: "scroll", marginTop: "2rem" }}> <TableContainer
<TableContainer component={Paper}> style={{ width: "90%", overflowY: "scroll", marginTop: "2rem" }}
component={Paper}
>
<Table sx={{ minWidth: "32rem" }} size="medium"> <Table sx={{ minWidth: "32rem" }} size="medium">
<TableHead> <TableHead>
<TableRow style={{ backgroundColor: colors.header_color }}> <TableRow style={{ backgroundColor: colors.header_color }}>
@ -133,7 +135,6 @@ export default function EquipmentInstancesListPage() {
</Table> </Table>
</TableContainer> </TableContainer>
</div> </div>
</div>
<Popup <Popup
open={editmodalOpen} open={editmodalOpen}
onClose={() => SetEditModalOpen(false)} onClose={() => SetEditModalOpen(false)}

7
src/Pages/EquipmentListPage/EquipmentListPage.tsx
View file

@ -65,8 +65,10 @@ export default function EquipmentListPage() {
flexWrap: "wrap", flexWrap: "wrap",
}} }}
> >
<div style={{ width: "90%", overflowY: "scroll", marginTop: "2rem" }}> <TableContainer
<TableContainer component={Paper}> style={{ width: "90%", overflowY: "scroll", marginTop: "2rem" }}
component={Paper}
>
<Table sx={{ minWidth: "32rem" }} size="medium"> <Table sx={{ minWidth: "32rem" }} size="medium">
<TableHead> <TableHead>
<TableRow style={{ backgroundColor: colors.header_color }}> <TableRow style={{ backgroundColor: colors.header_color }}>
@ -133,7 +135,6 @@ export default function EquipmentListPage() {
</Table> </Table>
</TableContainer> </TableContainer>
</div> </div>
</div>
<Popup <Popup
open={editmodalOpen} open={editmodalOpen}
onClose={() => SetEditModalOpen(false)} onClose={() => SetEditModalOpen(false)}

7
src/Pages/EquipmentLogsPage/EquipmentLogsPage.tsx
View file

@ -60,8 +60,10 @@ export default function EquipmentLogsPage() {
flexWrap: "wrap", flexWrap: "wrap",
}} }}
> >
<div style={{ width: "90%", overflowY: "scroll", marginTop: "2rem" }}> <TableContainer
<TableContainer component={Paper}> style={{ width: "90%", overflowY: "scroll", marginTop: "2rem" }}
component={Paper}
>
<Table sx={{ minWidth: "32rem" }} size="medium"> <Table sx={{ minWidth: "32rem" }} size="medium">
<TableHead> <TableHead>
<TableRow style={{ backgroundColor: colors.header_color }}> <TableRow style={{ backgroundColor: colors.header_color }}>
@ -133,6 +135,5 @@ export default function EquipmentLogsPage() {
</TableContainer> </TableContainer>
</div> </div>
</div> </div>
</div>
); );
} }

9
src/Pages/TransactionsListPage/TransactionsListPage.tsx
View file

@ -66,8 +66,10 @@ export default function TransactionsListPage() {
flexWrap: "wrap", flexWrap: "wrap",
}} }}
> >
<div style={{ width: "90%", overflowY: "scroll", marginTop: "2rem" }}> <TableContainer
<TableContainer component={Paper}> style={{ width: "90%", overflowY: "scroll", marginTop: "2rem" }}
component={Paper}
>
<Table sx={{ minWidth: "32rem" }} size="medium"> <Table sx={{ minWidth: "32rem" }} size="medium">
<TableHead> <TableHead>
<TableRow style={{ backgroundColor: colors.header_color }}> <TableRow style={{ backgroundColor: colors.header_color }}>
@ -139,7 +141,7 @@ export default function TransactionsListPage() {
> >
{transaction.transaction_status} {transaction.transaction_status}
</TableCell> </TableCell>
<TableCell align="center"> <TableCell style={{ overflowY: "scroll" }} align="center">
<TableContainer component={Paper}> <TableContainer component={Paper}>
<Table sx={{ minWidth: "4rem" }} size="medium"> <Table sx={{ minWidth: "4rem" }} size="medium">
<TableHead> <TableHead>
@ -203,7 +205,6 @@ export default function TransactionsListPage() {
</Table> </Table>
</TableContainer> </TableContainer>
</div> </div>
</div>
<Popup <Popup
open={EditTransactionOpen} open={EditTransactionOpen}
onClose={() => SetEditTransactionOpen(false)} onClose={() => SetEditTransactionOpen(false)}