fix color

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

View file

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

View file

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

View file

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

View file

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

View file

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