change the position of transaction button

This commit is contained in:
Prince Kurt Laurence 2023-12-27 17:45:03 +08:00
parent c1b393047f
commit 08430e2a66

View file

@ -161,6 +161,7 @@ export default function TechnicianEquipmentButtons() {
View SKUs
</p>
</Button>
</div>
<div
style={{
@ -172,6 +173,37 @@ export default function TechnicianEquipmentButtons() {
},
}}
>
<Button
style={{
...styles.flex_column,
...{
alignSelf: "center",
justifyContent: "center",
flexWrap: "wrap",
},
}}
>
<ArticleIcon
style={{
height: 64,
width: 64,
fill: colors.font_dark,
marginLeft: "1rem",
marginRight: "1rem",
}}
onClick={() => {
navigate("/view/transactions");
}}
/>
<p
style={{
...styles.text_dark,
...styles.text_M,
}}
>
Transactions
</p>
</Button>
<Button
style={{
...styles.flex_column,
@ -234,37 +266,6 @@ export default function TechnicianEquipmentButtons() {
Miscellaneous
</p>
</Button>
<Button
style={{
...styles.flex_column,
...{
alignSelf: "center",
justifyContent: "center",
flexWrap: "wrap",
},
}}
>
<ArticleIcon
style={{
height: 64,
width: 64,
fill: colors.font_dark,
marginLeft: "1rem",
marginRight: "1rem",
}}
onClick={() => {
navigate("/view/transactions");
}}
/>
<p
style={{
...styles.text_dark,
...styles.text_M,
}}
>
Transactions
</p>
</Button>
</div>
<Popup
open={addSKUmodalOpen}