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

add sku button position and alignment

Browse source
This commit is contained in:
Jerilyn Yare 2024-01-07 08:29:30 +08:00
parent 675a1f0716
commit 8427414c25
1 changed files with 55 additions and 56 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

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

@ -64,68 +64,67 @@ export default function EquipmentListPage() {
display: "flex", display: "flex",
alignItems: "center", alignItems: "center",
justifyContent: "center", justifyContent: "center",
height: "100%", height: "80%",
width: "100%", width: "100%",
minHeight: "100%", minHeight: "80%",
minWidth: "100%", minWidth: "100%",
flexWrap: "wrap", }}>
}}
<div style={{width: "90%", marginTop: "3rem"}}>
<Button
style={{
...styles.flex_column,
...{
alignSelf: "flex-start",
justifyContent: "center",
flexWrap: "wrap",
},
}}
onClick={() => {
SetAddSKUModalOpen(true);
}}
>
<NoteAddIcon
style={{
height: 64,
width: 64,
fill: colors.font_dark,
marginLeft: "1rem",
marginRight: "1rem",
}}
/>
<p
style={{
...styles.text_dark,
...styles.text_M,
}}
>
Add SKU
</p>
</Button>
</div>
> <Popup
open={addSKUmodalOpen}
<Button onClose={() => SetAddSKUModalOpen(false)}
style={{ modal
...styles.flex_column, position={"top center"}
...{ contentStyle={{
alignSelf: "center", width: "32rem",
justifyContent: "center", borderRadius: 16,
flexWrap: "wrap", borderColor: "grey",
}, borderStyle: "solid",
}} borderWidth: 1,
onClick={() => { padding: 16,
SetAddSKUModalOpen(true); alignContent: "center",
justifyContent: "center",
textAlign: "center",
}} }}
> >
<NoteAddIcon <AddSKUModal />
style={{ </Popup>
height: 64,
width: 64,
fill: colors.font_dark,
marginLeft: "1rem",
marginRight: "1rem",
}}
/>
<p
style={{
...styles.text_dark,
...styles.text_M,
}}
>
Add SKU
</p>
</Button>
<Popup
open={addSKUmodalOpen}
onClose={() => SetAddSKUModalOpen(false)}
modal
position={"top center"}
contentStyle={{
width: "32rem",
borderRadius: 16,
borderColor: "grey",
borderStyle: "solid",
borderWidth: 1,
padding: 16,
alignContent: "center",
justifyContent: "center",
textAlign: "center",
}}
>
<AddSKUModal />
</Popup>
<TableContainer <TableContainer
style={{ width: "90%", overflowY: "scroll", marginTop: "2rem" }} style={{ width: "90%", overflowY: "scroll", marginTop: "2rem" }}