게시글 수정 저장 버튼 추가

Author: gulddaggi

sciq-fe/src/pages/Board/BoardDetail.vue

@@ -628,33 +628,46 @@ onMounted(() => {
 
 .button-group {
   display: flex;
-  gap: 0.5rem;
+  gap: 8px;
 }
 
-.edit-button, .save-button, .cancel-button {
+.button-group button {
   display: flex;
   align-items: center;
-  gap: 0.25rem;
-  padding: 0.5rem 0.75rem;
-  border-radius: 4px;
-  font-size: 0.875rem;
-  cursor: pointer;
+  gap: 4px;
+  padding: 8px 16px;
   border: none;
+  border-radius: 8px;
+  font-size: 14px;
+  cursor: pointer;
+  transition: background-color 0.2s;
 }
 
 .edit-button {
-  background: #1a73e8;
+  background-color: #007bff;
   color: white;
 }
 
+.edit-button:hover {
+  background-color: #0056b3;
+}
+
 .save-button {
-  background: #28a745;
+  background-color: #28a745;
   color: white;
 }
 
+.save-button:hover {
+  background-color: #218838;
+}
+
 .cancel-button {
-  background: #6c757d;
-  color: white;
+  background-color: #f0f0f0;
+  color: #666;
+}
+
+.cancel-button:hover {
+  background-color: #e0e0e0;
 }
 
 .post-info {

sciq-fe/src/pages/Board/BoardEdit.vue

@@ -197,43 +197,39 @@ onMounted(() => {
 
 .button-group {
   display: flex;
-  gap: 1rem;
+  gap: 12px;
 }
 
-.cancel-button,
-.submit-button {
+.button-group button {
   display: flex;
   align-items: center;
-  gap: 0.5rem;
-  padding: 0.5rem 1rem;
-  border-radius: 4px;
-  cursor: pointer;
-  font-size: 0.9rem;
+  gap: 4px;
+  padding: 8px 16px;
   border: none;
+  border-radius: 8px;
+  font-size: 14px;
+  cursor: pointer;
+  transition: background-color 0.2s;
 }
 
 .cancel-button {
-  background-color: #6c757d;
-  color: white;
+  background-color: #f0f0f0;
+  color: #666;
+}
+
+.cancel-button:hover {
+  background-color: #e0e0e0;
 }
 
 .submit-button {
   background-color: #007bff;
   color: white;
 }
 
-.cancel-button:hover {
-  background-color: #5a6268;
-}
-
 .submit-button:hover {
   background-color: #0056b3;
 }
 
-.material-icons {
-  font-size: 1.1rem;
-}
-
 .form-group {
   position: relative;
   margin-bottom: 20px;