hashirama/kun-galgame-vue
1
0
Fork 0
Code Issues Pull requests Actions Projects Releases Wiki Activity

fix color

Browse source
This commit is contained in:
KUN1007 2023-06-06 17:44:11 +08:00
parent 7bf4439a08
commit 4b408ac211
5 changed files with 8 additions and 8 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
src/components/KUNGalgameTopBar.vue
View file

@ -208,7 +208,7 @@ $navNumber: v-bind(navItemNum);
&:nth-child(3):hover ~ .top-bar-box { &:nth-child(3):hover ~ .top-bar-box {
background-color: var(--kungalgame-blue-3); background-color: var(--kungalgame-blue-3);
left: calc(100% / navNumber * 2); left: calc(100% / $navNumber * 2);
} }
&:nth-child(4):hover ~ .top-bar-box { &:nth-child(4):hover ~ .top-bar-box {

2
src/views/Home/content/article/content/topic/SingleTopic.vue
View file

@ -21,7 +21,7 @@ import TopicPart from './components/TopicPart.vue'
margin-bottom: 3px; margin-bottom: 3px;
display: flex; display: flex;
&:hover { &:hover {
background-color: var(--kungalgame-trans-white-5); background-color: var(--kungalgame-white);
transition: 0.2s; transition: 0.2s;
} }
&:last-child { &:last-child {

8
src/views/edit/Edit.vue
View file

@ -100,7 +100,7 @@ import { currBackground } from '@/hooks/useBackgroundPicture'
margin: auto; margin: auto;
/* 容器的阴影 */ /* 容器的阴影 */
box-shadow: var(--shadow); box-shadow: var(--shadow);
background-color: var(--kungalgame-trans-white-5); background-color: var(--kungalgame-trans-white-2);
color: var(--kungalgame-font-color-3); color: var(--kungalgame-font-color-3);
} }
/* 容器的顶部 */ /* 容器的顶部 */
@ -220,6 +220,9 @@ import { currBackground } from '@/hooks/useBackgroundPicture'
white-space: nowrap; white-space: nowrap;
overflow: hidden; overflow: hidden;
cursor: pointer; cursor: pointer;
&:hover {
color: var(--kungalgame-white);
}
} }
/* 确认按钮的样式 */ /* 确认按钮的样式 */
.confirm-btn { .confirm-btn {
@ -228,7 +231,6 @@ import { currBackground } from '@/hooks/useBackgroundPicture'
border: 1px solid var(--kungalgame-blue-4); border: 1px solid var(--kungalgame-blue-4);
} }
.confirm-btn:hover { .confirm-btn:hover {
color: var(--kungalgame-trans-white-5);
background-color: var(--kungalgame-blue-4); background-color: var(--kungalgame-blue-4);
transition: 0.1s; transition: 0.1s;
} }
@ -243,7 +245,6 @@ import { currBackground } from '@/hooks/useBackgroundPicture'
border: 1px solid var(--kungalgame-red-4); border: 1px solid var(--kungalgame-red-4);
} }
.preview-btn:hover { .preview-btn:hover {
color: var(--kungalgame-trans-white-5);
background-color: var(--kungalgame-red-4); background-color: var(--kungalgame-red-4);
transition: 0.1s; transition: 0.1s;
} }
@ -258,7 +259,6 @@ import { currBackground } from '@/hooks/useBackgroundPicture'
border: 1px solid var(--kungalgame-orange-4); border: 1px solid var(--kungalgame-orange-4);
} }
.save-btn:hover { .save-btn:hover {
color: var(--kungalgame-trans-white-5);
background-color: var(--kungalgame-orange-4); background-color: var(--kungalgame-orange-4);
transition: 0.1s; transition: 0.1s;
} }

2
src/views/kungalgame/KUNGalgame.vue
View file

@ -201,7 +201,7 @@ import Aside from './components/Aside.vue'
max-width: 1300px; max-width: 1300px;
/* 居中 */ /* 居中 */
margin: auto; margin: auto;
padding: 7px; padding: 5px;
} }
/* 内容区 */ /* 内容区 */
.content { .content {

2
src/views/technique/Technique.vue
View file

@ -50,7 +50,7 @@ import Aside from './components/Aside.vue'
/* 内容区 */ /* 内容区 */
.content { .content {
/* 距离内部的距离 */ /* 距离内部的距离 */
padding: 10px; padding: 5px;
height: 1400px; height: 1400px;
/* 占总页面的宽度 */ /* 占总页面的宽度 */
width: 95%; width: 95%;