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

student styles

Browse source
This commit is contained in:
psofia 2024-01-06 14:45:24 +08:00
parent 93768f4d4a
commit 287cdbc99e
3 changed files with 24 additions and 24 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

35
src/Components/DashboardPage/Student/StudentDashboard.tsx
View file

@ -7,21 +7,19 @@ export default function StudentDashboard() {
const navigate = useNavigate(); const navigate = useNavigate();
return ( return (
<div style={styles.flex_column}> <div style={styles.flex_column}>
<p
style={{
...styles.text_dark,
...styles.text_L,
}}
>
Student Actions
</p>
<div <div
style={{ style={{
...styles.flex_row, ...styles.flex_column,
...{ ...{
alignSelf: "center", alignSelf: "center",
display: "flex",
justifyContent: "center", justifyContent: "center",
flexWrap: "wrap", flexWrap: "wrap",
marginTop: "40px",
}, },
}} }}
> >
@ -32,28 +30,25 @@ export default function StudentDashboard() {
alignSelf: "center", alignSelf: "center",
justifyContent: "center", justifyContent: "center",
flexWrap: "wrap", flexWrap: "wrap",
backgroundColor: "#CCDDFF",
paddingInline: "90px",
borderRadius: "20px"
}, },
}} }}
onClick={() => { onClick={() => {
navigate("/new/transaction"); navigate("/new/transaction");
}} }}
> >
<AddBoxIcon
style={{
height: 64,
width: 64,
fill: colors.font_dark,
marginLeft: "1rem",
marginRight: "1rem",
}}
/>
<p <p
style={{ style={{
...styles.text_dark, ...styles.text_dark_blue,
...styles.text_M, ...styles.text_M,
fontSize: "15px"
}} }}
> >
New Transaction CLICK TO REQUEST BORROW ITEMS
</p> </p>
</Button> </Button>
</div> </div>

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

@ -39,14 +39,18 @@ export default function StudentTransactionListView() {
); );
} }
return ( return (
<div> <div >
<div style={styles.flex_column}> <div style={{
marginTop: "60px",
}}>
<TransactionFilterMenu filter={filter} setFilter={setFilter} /> <TransactionFilterMenu filter={filter} setFilter={setFilter} />
<div style={{ marginTop: "16px" }} /> <div style={{ marginTop: "16px" }} />
<div <div
style={{ style={{
...styles.flex_column, ...styles.flex_column,
...{ height: "50vh", overflowY: "scroll" }, ...{ height: "60vh", overflowY: "scroll" },
}} }}
> >
{transactions.data ? ( {transactions.data ? (

3
src/Pages/DashboardPage/DashboardPage.tsx
View file

@ -28,8 +28,9 @@ export default function Dashboard() {
}, },
}} }}
> >
<StudentTransactionListView />
<StudentDashboard /> <StudentDashboard />
<StudentTransactionListView />
</div> </div>
</RestrictedComponent> </RestrictedComponent>
<RestrictedComponent allow_only={"Teacher"}> <RestrictedComponent allow_only={"Teacher"}>