From 3d9a1c4a8c41d7b4f100b403f738977ecd19f511 Mon Sep 17 00:00:00 2001
From: KUN1007 <yuyuyukunkunkun@gmail.com>
Date: Mon, 13 Nov 2023 17:04:23 +0800
Subject: [PATCH] feat: mod edit page style

---
 src/language/en.ts                   |  2 --
 src/language/zh.ts                   |  2 --
 src/views/edit/Edit.vue              |  1 +
 src/views/edit/components/Button.vue | 11 ++++-------
 src/views/edit/components/Footer.vue |  5 +++--
 5 files changed, 8 insertions(+), 13 deletions(-)

diff --git a/src/language/en.ts b/src/language/en.ts
index 6b993ba6..2f79f4d8 100644
--- a/src/language/en.ts
+++ b/src/language/en.ts
@@ -381,14 +381,12 @@ export default {
     edit: {
       publish: 'Confirm to publish?',
       publishSuccess: 'Publish Successfully',
-      publishCancel: 'Cancel Publish',
       upvoteTopic:
         'Are you sure you want to upvote this topic? This will cost you 17 Moe Moe Points',
       upvoteReply:
         'Are you sure you want to upvote this reply? This will cost you 3 Moe Moe Points',
       rewrite: 'Confirm to Rewrite?',
       rewriteSuccess: 'Rewrite Successfully',
-      rewriteCancel: 'Cancel Rewrite',
       closePanel: 'Confirm closing the panel? Your changes will not be saved.',
       draft: 'The draft has been saved successfully!',
       leave: 'Confirm leaving the page? Your changes will not be saved.',
diff --git a/src/language/zh.ts b/src/language/zh.ts
index 3526793d..7747e0b8 100644
--- a/src/language/zh.ts
+++ b/src/language/zh.ts
@@ -379,12 +379,10 @@ export default {
     edit: {
       publish: '确认发布吗？',
       publishSuccess: '发布成功',
-      publishCancel: '取消发布',
       upvoteTopic: '您确定推这个话题吗，这将会消耗您 17 萌萌点',
       upvoteReply: '您确定推这个回复吗，这将会消耗您 3 萌萌点',
       rewrite: '确认 Rewrite 吗？',
       rewriteSuccess: 'Rewrite 成功',
-      rewriteCancel: '取消 Rewrite',
       closePanel: '确认关闭面板吗？您的更改将不会被保存',
       draft: '草稿已经保存成功！',
       leave: '确认离开界面吗？您的更改将不会保存',
diff --git a/src/views/edit/Edit.vue b/src/views/edit/Edit.vue
index fc74a9c6..c0bc04c8 100644
--- a/src/views/edit/Edit.vue
+++ b/src/views/edit/Edit.vue
@@ -110,6 +110,7 @@ onBeforeRouteLeave(async (to, from, next) => {
   background-color: var(--kungalgame-trans-white-2);
   color: var(--kungalgame-font-color-3);
   border: 1px solid var(--kungalgame-blue-1);
+  border-radius: 5px;
 }
 
 .content-footer {
diff --git a/src/views/edit/components/Button.vue b/src/views/edit/components/Button.vue
index c45d2f75..5334bf40 100644
--- a/src/views/edit/components/Button.vue
+++ b/src/views/edit/components/Button.vue
@@ -36,8 +36,6 @@ const handlePublish = async () => {
       // Clear data and no longer save it, as the topic has been published at this point
       useKUNGalgameEditStore().resetTopicData()
     }
-  } else {
-    messageStore.info('AlertInfo.edit.publishCancel')
   }
 }
 
@@ -63,8 +61,6 @@ const handleRewrite = async () => {
     messageStore.info('AlertInfo.edit.rewriteSuccess')
     // Clear data and no longer save it, as the topic has been updated at this point
     useKUNGalgameEditStore().resetRewriteTopicData()
-  } else {
-    messageStore.info('AlertInfo.edit.rewriteCancel')
   }
 }
 
@@ -122,6 +118,7 @@ const handleSave = () => {
     overflow: hidden;
     cursor: pointer;
     flex-shrink: 0;
+    border-radius: 5px;
 
     &:hover {
       color: var(--kungalgame-white);
@@ -132,7 +129,7 @@ const handleSave = () => {
 /* Style for the confirm button */
 .confirm-btn {
   color: var(--kungalgame-blue-4);
-  background-color: var(--kungalgame-trans-blue-1);
+  background-color: var(--kungalgame-trans-white-9);
   border: 1px solid var(--kungalgame-blue-4);
 
   &:hover {
@@ -144,7 +141,7 @@ const handleSave = () => {
 /* Style for the rewrite button */
 .rewrite-btn {
   color: var(--kungalgame-red-4);
-  background-color: var(--kungalgame-trans-red-1);
+  background-color: var(--kungalgame-trans-white-9);
   border: 1px solid var(--kungalgame-red-4);
 
   &:hover {
@@ -156,7 +153,7 @@ const handleSave = () => {
 /* Style for the save button */
 .save-btn {
   color: var(--kungalgame-pink-4);
-  background-color: var(--kungalgame-trans-pink-1);
+  background-color: var(--kungalgame-trans-white-9);
   border: 1px solid var(--kungalgame-pink-4);
 
   &:hover {
diff --git a/src/views/edit/components/Footer.vue b/src/views/edit/components/Footer.vue
index e171e75a..7edf2fa5 100644
--- a/src/views/edit/components/Footer.vue
+++ b/src/views/edit/components/Footer.vue
@@ -102,8 +102,9 @@ const handleClickCategory = (kun: Category) => {
   width: 177px;
   font-size: 17px;
   cursor: pointer;
-  border: 1px solid var(--kungalgame-blue-1);
-  background-color: var(--kungalgame-trans-blue-0);
+  border: 1px solid var(--kungalgame-blue-4);
+  border-radius: 5px;
+  background-color: var(--kungalgame-trans-white-9);
   color: var(--kungalgame-blue-4);
   display: flex;
   justify-content: center;