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

fix some placement after reviewing it in Samsung Galaxy A51/A71

Browse source
This commit is contained in:
Pongot, Jophiel 2024-01-10 07:09:56 +08:00
parent 26b6bf5fbe
commit c76aa3cee9
5 changed files with 8 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

3
src/Components/DashboardPage/Student/StudentTransactionListView.tsx
View file

@ -76,7 +76,8 @@ export default function StudentTransactionListView() {
padding: "7px", padding: "7px",
margin: "0px", margin: "0px",
backgroundColor: colors.header_color, backgroundColor: colors.header_color,
width: 550, width: "100%",
maxWidth: 550,
alignSelf: "center", alignSelf: "center",
borderRadius: "0px 0px 7px 7px", borderRadius: "0px 0px 7px 7px",

3
src/Components/DashboardPage/Teacher/TeacherTransactionListView.tsx
View file

@ -77,7 +77,8 @@ export default function TeacherTransactionListView() {
padding: "7px", padding: "7px",
margin: "0px", margin: "0px",
backgroundColor: colors.header_color, backgroundColor: colors.header_color,
width: 550, width: "100%",
maxWidth: 550,
alignSelf: "center", alignSelf: "center",
borderRadius: "0px 0px 7px 7px", borderRadius: "0px 0px 7px 7px",

1
src/Components/DashboardPage/Technician/TechnicianEquipmentButtons.tsx
View file

@ -8,7 +8,6 @@ import NoteIcon from "@mui/icons-material/Note";
import { colors } from "../../../styles"; import { colors } from "../../../styles";
import ScienceIcon from "@mui/icons-material/Science"; import ScienceIcon from "@mui/icons-material/Science";
import ColorizeIcon from "@mui/icons-material/Colorize"; import ColorizeIcon from "@mui/icons-material/Colorize";
import ArticleIcon from "@mui/icons-material/Article";
import Popup from "reactjs-popup"; import Popup from "reactjs-popup";
import AddItemModal from "../../AddItemModal/AddItemModal"; import AddItemModal from "../../AddItemModal/AddItemModal";
import AddSKUModal from "../../AddSKUModal/AddSKUModal"; import AddSKUModal from "../../AddSKUModal/AddSKUModal";

2
src/Pages/ManageEquipmentPage/ManageEquipmentPage.tsx
View file

@ -9,7 +9,7 @@ export default function ManageEquipmentPage() {
return ( return (
<div style={styles.background}> <div style={styles.background}>
<Header label={"Equipment Management"} /> <Header label={"Equipment Management"} />
<div style={{ position: "relative", zIndex: 999, marginTop: 80 , alignContent: "center", height: "100%"}}> <div style={{ position: "relative", zIndex: 999, marginTop: "7rem" , alignContent: "center", height: "100%"}}>
<RestrictedComponent allow_only={"Technician"}> <RestrictedComponent allow_only={"Technician"}>
<TechnicianEquipmentButtons /> <TechnicianEquipmentButtons />
<TechnicianLogButtons /> <TechnicianLogButtons />

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

@ -186,7 +186,7 @@ export default function TransactionsListPage() {
Additional Members Additional Members
</TableCell> </TableCell>
<TableCell align="center" style={styles.text_light}> <TableCell align="center" style={styles.text_light}>
Additional Members Equipments
</TableCell> </TableCell>
<TableCell align="center" style={styles.text_light}> <TableCell align="center" style={styles.text_light}>
Actions Actions
@ -461,6 +461,7 @@ export default function TransactionsListPage() {
width: "auto", width: "auto",
alignSelf: "center", alignSelf: "center",
borderRadius: "7px", borderRadius: "7px",
minWidth: "65px"
}} }}
onClick={() => { onClick={() => {
navigate(`/view/transaction/${transaction.id}`, { navigate(`/view/transaction/${transaction.id}`, {
@ -477,7 +478,7 @@ export default function TransactionsListPage() {
}} }}
> >
Tap To View {"\n"} or Print Tap To View {"\n"} or Print this slip.
</p> </p>
</button> </button>
</TableCell> </TableCell>