changed button and title style

MatricalDefunkt · May 6, 2024 · bead16b · bead16b
1 parent e41be07
commit bead16b
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 4 deletions.
diff --git a/src/frontend/Components/Sidebar/Drawer.tsx b/src/frontend/Components/Sidebar/Drawer.tsx
@@ -1,5 +1,5 @@
 import { styled, useTheme } from "@mui/material/styles";
-import { Drawer, Divider, IconButton } from "@mui/material";
+import { Drawer, Divider, IconButton, Typography } from "@mui/material";
 import {
     ChevronLeft as ChevronLeftIcon,
     ChevronRight as ChevronRightIcon,
@@ -202,7 +202,9 @@ export function DrawerRight({
                     {theme.direction === "rtl" ? <ChevronLeftIcon /> : <ChevronRightIcon />}
                 </IconButton>
             </DrawerHeader>
-            Day: {slot.day}, Slot: {slot.number}, Index: {selectedSlotIndex}
+            <Typography variant="h6" sx={{ fontWeight: "bold", marginLeft: "10px", marginTop: "10px" }}>
+                Day: {slot.day}, Slot: {slot.number}, Index: {selectedSlotIndex}
+            </Typography>
             <Divider />
             {slot.SlotDatas!.map((_, index) => (
                 <React.Fragment key={index}>

diff --git a/src/frontend/Components/Timetable/OldTimetable.tsx b/src/frontend/Components/Timetable/OldTimetable.tsx
@@ -2,6 +2,7 @@ import React, { useRef } from "react";
 import { TimetableResponse } from "../../../backend/api/routes/responseTypes";
 import { checkIfSlotDataExists } from "../fetchAndSet";
 import { useReactToPrint } from "react-to-print";
+import Button from "@mui/material/Button";
 
 type Timetable = TimetableResponse["timetable"];
 type Slots = Timetable["slots"];
@@ -153,11 +154,14 @@ export default function OldTimetable({
                         ))}
                 </tbody>
             </table>
+
             <div className="d-grid d-md-flex justify-content-md-end mb-3">
-                <button className="btn btn-success" onClick={generatePdf}>
+                <Button variant="contained" color="primary" size="large" onClick={generatePdf} sx={{ borderRadius: "10px", fontWeight: "bold", boxShadow: "0 4px 6px rgba(0, 0, 0, 0.1)", top: "50px" }}>
                     Generate PDF
-                </button>
+                </Button>
             </div>
+
+
         </div>
     );
 }