Merge pull request #182 from boostcampwm-2024/feature-fe-#181

�에디터 텍스트, 간격 스타일링
boostcampwm-2024 · Nov 17, 2024 · 0362bbe · 0362bbe
2 parents 16b2891 + 232a7f9
commit 0362bbe
Show file tree

Hide file tree

Showing 2 changed files with 41 additions and 2 deletions.
diff --git a/frontend/src/components/editor/EditorTitle.tsx b/frontend/src/components/editor/EditorTitle.tsx
@@ -32,7 +32,7 @@ export default function EditorTitle({
       <input
         type="text"
         value={input as string}
-        className="w-full text-xl font-bold outline-none"
+        className="w-full text-4xl font-bold outline-none"
         onChange={handleTitleChange}
       />
     </div>

diff --git a/frontend/src/components/editor/prosemirror.css b/frontend/src/components/editor/prosemirror.css
@@ -1,5 +1,44 @@
+.tiptap p {
+  margin-top: 0;
+  margin-bottom: 0;
+  padding: 3px 2px;
+  line-height: 1.5;
+  font-size: 16px;
+}
+
+.tiptap h1 {
+  margin-top: 2rem;
+  margin-bottom: 2px;
+  padding: 3px 2px;
+  line-height: 1.3;
+  font-size: 1.875rem;
+  font-weight: 600;
+}
+
+.tiptap h2 {
+  margin-top: 1.4rem;
+  margin-bottom: 1px;
+  padding: 3px 2px;
+  line-height: 1.3;
+  font-size: 1.5rem;
+  font-weight: 600;
+}
+
+.tiptap h3 {
+  margin-top: 1rem;
+  margin-bottom: 1px;
+  padding: 3px 2px;
+  line-height: 1.3;
+  font-size: 1.25rem;
+  font-weight: 600;
+}
+
 .ProseMirror {
-  @apply p-12 px-8 sm:px-12;
+  @apply p-8 sm:px-12;
+}
+
+.ProseMirror .p {
+  @apply my-0;
 }
 
 .ProseMirror .is-editor-empty:first-child::before {