style: misc. style updates

This commit is contained in:
jinhojang6 2023-11-16 04:55:06 +09:00
parent 27b5565421
commit 6218bd9cfb
7 changed files with 9 additions and 9 deletions

View File

@ -11,9 +11,12 @@ const BUMenus = ({ children }: Props) => {
const Container = styled.div` const Container = styled.div`
display: flex; display: flex;
flex-direction: column; flex-direction: column;
gap: 180px;
margin-bottom: 324px; margin-bottom: 144px;
> div {
margin-bottom: 180px;
}
` `
export default BUMenus export default BUMenus

View File

@ -21,7 +21,6 @@ const Container = styled.div`
display: flex; display: flex;
width: 100%; width: 100%;
justify-content: space-between; justify-content: space-between;
margin-top: 180px;
border-top: 1px solid rgba(0, 0, 0, 0.18); border-top: 1px solid rgba(0, 0, 0, 0.18);
box-sizing: border-box; box-sizing: border-box;

View File

@ -80,7 +80,7 @@ const TitleContainer = styled.div`
gap: 16px; gap: 16px;
width: 100%; width: 100%;
height: fit-content; height: fit-content;
padding-top: 24px; padding-block: 24px;
@media (max-width: ${breakpoints.md}px) { @media (max-width: ${breakpoints.md}px) {
padding-block: 16px; padding-block: 16px;

View File

@ -54,7 +54,6 @@ const Container = styled.div`
display: flex; display: flex;
width: 100%; width: 100%;
justify-content: space-between; justify-content: space-between;
margin-top: 180px;
border-top: 1px solid rgba(0, 0, 0, 0.18); border-top: 1px solid rgba(0, 0, 0, 0.18);
@media (max-width: ${breakpoints.md}px) { @media (max-width: ${breakpoints.md}px) {
@ -73,7 +72,7 @@ const TitleContainer = styled.div`
gap: 16px; gap: 16px;
width: 100%; width: 100%;
height: fit-content; height: fit-content;
padding-top: 24px; padding-block: 24px;
@media (max-width: ${breakpoints.md}px) { @media (max-width: ${breakpoints.md}px) {
padding-block: 16px; padding-block: 16px;

View File

@ -32,7 +32,6 @@ const Container = styled.div`
display: flex; display: flex;
width: 100%; width: 100%;
justify-content: space-between; justify-content: space-between;
margin-top: 180px;
border-top: 1px solid rgba(0, 0, 0, 0.18); border-top: 1px solid rgba(0, 0, 0, 0.18);
@media (max-width: ${breakpoints.md}px) { @media (max-width: ${breakpoints.md}px) {

View File

@ -12,7 +12,7 @@ const Page = ({ jobs }: any) => {
<> <>
<SEO /> <SEO />
<div> <div>
<Box> <Box marginBottom="180px">
<JobFilter <JobFilter
data={jobs} data={jobs}
activeBUs={activeBUs} activeBUs={activeBUs}

View File

@ -13,7 +13,7 @@ const Page = ({ services }: any) => {
<> <>
<SEO /> <SEO />
<div> <div>
<Box> <Box marginBottom="180px">
<ServiceFilter <ServiceFilter
services={services} services={services}
activeServices={activeServices} activeServices={activeServices}