From 884828257115d223b69540ba64f6738c0f5252f5 Mon Sep 17 00:00:00 2001
From: jinhojang6 <jinho5051@gmail.com>
Date: Sat, 13 May 2023 13:26:20 +0900
Subject: [PATCH] style: add margin for section titles

---
 src/components/ContentBlock/ImageBlock.tsx   | 1 +
 src/components/ContentBlock/TextBlock.tsx    | 1 +
 src/components/FeaturedPost/FeaturedPost.tsx | 1 +
 src/components/PostList/PostList.tsx         | 1 +
 src/components/Section/Section.tsx           | 1 -
 5 files changed, 4 insertions(+), 1 deletion(-)

diff --git a/src/components/ContentBlock/ImageBlock.tsx b/src/components/ContentBlock/ImageBlock.tsx
index dc3793c..79eb85b 100644
--- a/src/components/ContentBlock/ImageBlock.tsx
+++ b/src/components/ContentBlock/ImageBlock.tsx
@@ -48,6 +48,7 @@ const Container = styled.div`
   display: flex;
   flex-direction: column;
   gap: 8px;
+  margin-top: 16px;
   padding: 16px 0;
   border-top: 1px solid rgb(var(--lsd-theme-primary));
   position: relative;
diff --git a/src/components/ContentBlock/TextBlock.tsx b/src/components/ContentBlock/TextBlock.tsx
index dcbb4e2..8c24563 100644
--- a/src/components/ContentBlock/TextBlock.tsx
+++ b/src/components/ContentBlock/TextBlock.tsx
@@ -42,6 +42,7 @@ const Container = styled.div`
   display: flex;
   flex-direction: column;
   gap: 16px;
+  margin-top: 16px;
   padding: 16px 0;
   border-top: 1px solid rgb(var(--lsd-theme-primary));
 `
diff --git a/src/components/FeaturedPost/FeaturedPost.tsx b/src/components/FeaturedPost/FeaturedPost.tsx
index 451867f..98d51ee 100644
--- a/src/components/FeaturedPost/FeaturedPost.tsx
+++ b/src/components/FeaturedPost/FeaturedPost.tsx
@@ -22,6 +22,7 @@ const FeaturedPost = ({ post }: Props) => {
 }
 
 const PostWrapper = styled.div`
+  margin-top: 16px;
   padding: 16px 0;
   border-top: 1px solid rgb(var(--lsd-theme-primary));
   width: 100%;
diff --git a/src/components/PostList/PostList.tsx b/src/components/PostList/PostList.tsx
index 5e5cad0..a1bf462 100644
--- a/src/components/PostList/PostList.tsx
+++ b/src/components/PostList/PostList.tsx
@@ -39,6 +39,7 @@ export const PostsList = (props: Props) => {
 }
 
 const PostWrapper = styled.div`
+  margin-top: 16px;
   padding: 16px 0;
   border-top: 1px solid rgb(var(--lsd-theme-primary));
   width: 100%;
diff --git a/src/components/Section/Section.tsx b/src/components/Section/Section.tsx
index 66a5fd5..a6fe9fc 100644
--- a/src/components/Section/Section.tsx
+++ b/src/components/Section/Section.tsx
@@ -32,6 +32,5 @@ const Container = styled.div`
   display: flex;
   align-items: center;
   gap: 8px;
-  //padding: 0 16px;
   width: 100%;
 `