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

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

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

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

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

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

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

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

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