[#123] bugfix: darkmode diary button

src/components/Schedule/diaryText.js

@@ -1,10 +1,18 @@
-import React, { useEffect, useState } from 'react';
-import { useSelector } from 'react-redux';
-import axios from 'axios';
+import React, { useEffect, useState } from "react";
+import { useSelector } from "react-redux";
+import axios from "axios";
 
 // 삭제 버튼
-function DiaryText({ wantEdit, setWantEdit, content, setContent, createDiary, updateDiary, diarySeq }) {
-  const token = localStorage.getItem('accessToken');
+function DiaryText({
+  wantEdit,
+  setWantEdit,
+  content,
+  setContent,
+  createDiary,
+  updateDiary,
+  diarySeq,
+}) {
+  const token = localStorage.getItem("accessToken");
 
   const onEdit = () => {
     setWantEdit(() => true);
@@ -27,16 +35,20 @@ function DiaryText({ wantEdit, setWantEdit, content, setContent, createDiary, up
             defaultValue={content}
             onChange={(e) => setContent(() => e.target.value)}
           />
-          <button className="diary-box__contents-btn" onClick={offEdit}>
-            저장
-          </button>
+          <div className="diary-box__text-btn">
+            <button className="diary-box__contents-btn" onClick={offEdit}>
+              저장
+            </button>
+          </div>
         </div>
       ) : (
         <div className="diary-box__contents-text">
           <div>{content}</div>
-          <button className="diary-box__contents-btn" onClick={onEdit}>
-            수정
-          </button>
+          <div className="diary-box__text-btn">
+            <button className="diary-box__contents-btn" onClick={onEdit}>
+              수정
+            </button>
+          </div>
         </div>
       )}
     </>

src/statics/scss/diary.scss

@@ -108,3 +108,6 @@
 .diary-image__text {
   padding-top: 8px;
 }
+.diary-box__text-btn {
+  text-align: right;
+}