From d8f98e27acb05fc22195a5ee407d6136a89d0ad4 Mon Sep 17 00:00:00 2001
From: IceTeaXXD <13521024@std.stei.itb.ac.id>
Date: Thu, 16 Nov 2023 19:31:40 +0700
Subject: [PATCH] style: margin styling for heading
---
src/components/Acceptance/Acceptance.tsx | 6 ++++--
src/components/Assignment/AssignmentDetails.tsx | 13 ++++++++-----
src/components/Scholarships/Scholarships.tsx | 3 +--
3 files changed, 13 insertions(+), 9 deletions(-)
diff --git a/src/components/Acceptance/Acceptance.tsx b/src/components/Acceptance/Acceptance.tsx
index 5ac18e2..46491ed 100644
--- a/src/components/Acceptance/Acceptance.tsx
+++ b/src/components/Acceptance/Acceptance.tsx
@@ -199,8 +199,10 @@ const Acceptance = () => {
}, [sid, search])
return (
- <Box>
- <Heading>Scholarship Acceptance</Heading>
+ <Box p="12">
+ <Heading size="sm" as="h1" mb="6" fontSize={{base:30, md:36, lg:48}}>
+ Scholarship Acceptance
+ </Heading>
<Stack>
{/* Search Bar */}
<InputGroup borderRadius={10} size="sm">
diff --git a/src/components/Assignment/AssignmentDetails.tsx b/src/components/Assignment/AssignmentDetails.tsx
index 5d52ef5..d01662f 100644
--- a/src/components/Assignment/AssignmentDetails.tsx
+++ b/src/components/Assignment/AssignmentDetails.tsx
@@ -1,14 +1,12 @@
import { Box, Flex, Heading, SimpleGrid, Text } from "@chakra-ui/react"
import { useEffect, useState } from "react"
import { useParams } from "react-router-dom"
-import axios from "../../api/axios"
import { AssignmentCards, AssignmentCardsProps } from "./AssignmentCards"
import { CreateAssignmentModal } from "./CreateAssignmentModal"
import useAxiosPrivate from "../../hooks/axiosPrivate"
-
const AssignmentDetails = () => {
- const axiosInstance = useAxiosPrivate();
+ const axiosInstance = useAxiosPrivate()
const useFetchAssignments = () => {
const [assignments, setAssignments] = useState([])
@@ -48,11 +46,16 @@ const AssignmentDetails = () => {
overflow={"hidden"}
>
<Box width={{ base: "full", sm: "lg", lg: "xl" }} margin={"auto"}>
- <Heading size="sm" as="h1" fontSize={48}>
+ <Heading
+ size="sm"
+ as="h1"
+ mb="6"
+ fontSize={{ base: 30, md: 36, lg: 48 }}
+ >
List of Assignments
</Heading>
</Box>
- <SimpleGrid columns={1} spacing={"5"} mt={16} mb={10} mx={"auto"}>
+ <SimpleGrid columns={1} spacing={"5"} mb={10} mx={"auto"}>
<CreateAssignmentModal
afterCreate={() => setShouldFetchAssignments(true)}
/>
diff --git a/src/components/Scholarships/Scholarships.tsx b/src/components/Scholarships/Scholarships.tsx
index 3f352d1..ca08097 100644
--- a/src/components/Scholarships/Scholarships.tsx
+++ b/src/components/Scholarships/Scholarships.tsx
@@ -33,7 +33,6 @@ import { FiEdit } from "react-icons/fi"
import { CheckIcon, ChevronDownIcon, Search2Icon } from "@chakra-ui/icons"
import { debounce } from "lodash"
import { DataTable } from "./DataTable"
-import axios from "axios"
import useAxiosPrivate from "../../hooks/axiosPrivate"
const Scholarships: React.FC = () => {
@@ -220,7 +219,7 @@ const Scholarships: React.FC = () => {
return (
<Box p="12">
- <Heading size="sm" as="h1" mb="6" fontSize={48}>
+ <Heading size="sm" as="h1" mb="6" fontSize={{ base: 30, md: 36, lg: 48 }}>
List of Scholarships
</Heading>
--
GitLab