feat: mod edit page style

This commit is contained in:
KUN1007 2023-11-13 17:04:23 +08:00
parent c483715cfe
commit 3d9a1c4a8c
5 changed files with 8 additions and 13 deletions

View file

@ -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.',

View file

@ -379,12 +379,10 @@ export default {
edit: {
publish: '确认发布吗?',
publishSuccess: '发布成功',
publishCancel: '取消发布',
upvoteTopic: '您确定推这个话题吗,这将会消耗您 17 萌萌点',
upvoteReply: '您确定推这个回复吗,这将会消耗您 3 萌萌点',
rewrite: '确认 Rewrite 吗?',
rewriteSuccess: 'Rewrite 成功',
rewriteCancel: '取消 Rewrite',
closePanel: '确认关闭面板吗?您的更改将不会被保存',
draft: '草稿已经保存成功!',
leave: '确认离开界面吗?您的更改将不会保存',

View file

@ -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 {

View file

@ -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 {

View file

@ -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;