fix color
This commit is contained in:
parent
7bf4439a08
commit
4b408ac211
|
@ -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 {
|
||||
|
|
|
@ -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 {
|
||||
|
|
|
@ -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;
|
||||
}
|
||||
|
|
|
@ -201,7 +201,7 @@ import Aside from './components/Aside.vue'
|
|||
max-width: 1300px;
|
||||
/* 居中 */
|
||||
margin: auto;
|
||||
padding: 7px;
|
||||
padding: 5px;
|
||||
}
|
||||
/* 内容区 */
|
||||
.content {
|
||||
|
|
|
@ -50,7 +50,7 @@ import Aside from './components/Aside.vue'
|
|||
/* 内容区 */
|
||||
.content {
|
||||
/* 距离内部的距离 */
|
||||
padding: 10px;
|
||||
padding: 5px;
|
||||
height: 1400px;
|
||||
/* 占总页面的宽度 */
|
||||
width: 95%;
|
||||
|
|
Loading…
Reference in a new issue