keannu125/EquipmentTracker-Frontend
1
0
Fork 0
mirror of https://github.com/lemeow125/EquipmentTracker-Frontend.git synced 2024-11-16 21:59:24 +08:00
Code Issues Projects Releases Packages Wiki Activity Actions

Fixed landing page being broken in mobile and merged popup styling

Browse source
This commit is contained in:
Keannu Bernasol 2023-12-03 11:26:16 +08:00
parent fb41277746
commit 1c595b3b03
4 changed files with 16 additions and 29 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

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

@ -140,18 +140,7 @@ export default function EquipmentInstancesListPage() {
onClose={() => SetEditModalOpen(false)}
modal
position={"top center"}
contentStyle={{
width: "32rem",
borderRadius: 16,
borderColor: "grey",
borderStyle: "solid",
borderWidth: 1,
padding: 16,
alignContent: "center",
justifyContent: "center",
textAlign: "center",
flexWrap: "wrap",
}}
contentStyle={styles.popup_center}
>
<EditItemModal id={selectedItem} setOpen={SetEditModalOpen} />
</Popup>

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

@ -140,18 +140,7 @@ export default function EquipmentListPage() {
onClose={() => SetEditModalOpen(false)}
modal
position={"top center"}
contentStyle={{
width: "32rem",
borderRadius: 16,
borderColor: "grey",
borderStyle: "solid",
borderWidth: 1,
padding: 16,
alignContent: "center",
justifyContent: "center",
textAlign: "center",
flexWrap: "wrap",
}}
contentStyle={styles.popup_center}
>
<EditSKUModal id={selectedItem} setOpen={SetEditModalOpen} />
</Popup>

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

@ -39,14 +39,11 @@ export default function LandingPage() {
flexWrap: "wrap",
}}
>
<div
style={{ maxWidth: "50%", height: "auto", flex: 1, flexWrap: "wrap" }}
>
<img style={{ maxWidth: "50%", height: "auto" }} src={citc_logo} />
<div style={{ height: "auto", flex: 1, flexWrap: "wrap" }}>
<img style={{ width: "16rem", height: "auto" }} src={citc_logo} />
</div>
<div
style={{
maxWidth: "50%",
height: "auto",
flex: 1,
flexWrap: "wrap",

12
src/styles.tsx
View file

@ -75,6 +75,18 @@ const styles: { [key: string]: React.CSSProperties } = {
minWidth: "100%",
marginTop: 16,
},
popup_center: {
width: "32rem",
borderRadius: 16,
borderColor: "grey",
borderStyle: "solid",
borderWidth: 1,
padding: 16,
alignContent: "center",
justifyContent: "center",
textAlign: "center",
overflowY: "scroll",
},
};
export default styles;