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

fix scroll, add color

Browse source
This commit is contained in:
KUN1007 2023-06-06 16:05:37 +08:00
parent 369ebf150e
commit 5e3cd1a63e
12 changed files with 58 additions and 76 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
src/language/en.ts
View file

@ -69,7 +69,7 @@ export default {
},
nonMoe: {
log: 'Non-moe Record',
title: 'All the non-moe behavior were recorded here, please do not do that',
title: `All the non-moe behavior were recorded here, don't do that`,
reason: 'reason',
consequence: 'consequence',
moemoepoint: 'moemoepoint',

2
src/styles/theme/color-list.scss
View file

@ -92,7 +92,7 @@ $kungalgame-pink-4: #e85aad;
*/
// $kungalgame-trans-black: #1f2328;
// $kungalgame-trans-white-1: #fffffff7;
// $kungalgame-trans-white-2: #ffffffd9;
$kungalgame-trans-white-2: #ffffffd9;
// $kungalgame-trans-white-3: #ffffffc7;
// $kungalgame-trans-white-4: #ffffffa1;
$kungalgame-trans-white-5: #ffffff8e;

1
src/styles/theme/color.scss
View file

@ -51,6 +51,7 @@ html {
*/
--kungalgame-trans-white-2: #ffffffd9;
--kungalgame-trans-white-5: #ffffff8e;
/* 这个白色是占位符，不然会导致塌陷 */
--kungalgame-trans-white-9: #ffffff00;

21
src/views/Home/content/article/content/ArticleContent.vue
View file

@ -39,17 +39,14 @@ import SingleTopic from './topic/SingleTopic.vue'
/* 帖子区域弹性盒 */
display: flex;
flex-direction: column;
}
/* 帖子区滚动条 */
.topic-container::-webkit-scrollbar {
display: inline;
width: 4px;
height: 0;
background-color: var(--kungalgame-red-2);
border-radius: 2px;
}
.topic-container::-webkit-scrollbar-thumb {
background: var(--kungalgame-blue-4);
border-radius: 2px;
&::-webkit-scrollbar {
display: inline;
width: 4px;
height: 0;
}
&::-webkit-scrollbar-thumb {
background: var(--kungalgame-blue-4);
border-radius: 2px;
}
}
</style>

22
src/views/balance/components/Form.vue
View file

@ -53,6 +53,15 @@ const total = props.isIncome ? 'totalIncome' : 'totalExpenditure'
padding: 10px;
/* y 轴溢出滚动 */
overflow-y: scroll;
&::-webkit-scrollbar {
display: inline;
width: 4px;
height: 0;
}
&::-webkit-scrollbar-thumb {
background: var(--kungalgame-blue-4);
border-radius: 2px;
}
}
/* 总收入 */
.sum {
@ -67,19 +76,6 @@ const total = props.isIncome ? 'totalIncome' : 'totalExpenditure'
background-color: var(--kungalgame-trans-blue-0);
}
}
/* 滚动条的样式 */
.container::-webkit-scrollbar {
display: inline;
width: 4px;
height: 0;
background-color: var(--kungalgame-red-2);
border-radius: 2px;
}
.container::-webkit-scrollbar-thumb {
background: var(--kungalgame-blue-4);
border-radius: 2px;
}
/* 支出的样式 */
.expenditure-form {
border: 1px solid var(--kungalgame-red-4);

9
src/views/donate/Donate.vue
View file

@ -21,15 +21,6 @@
</template>
<style lang="scss" scoped>
* {
list-style: none;
padding: 0;
margin: 0;
text-decoration: none;
}
*::-webkit-scrollbar {
display: none;
}
.root {
height: 100vh;
width: 100vw;

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

@ -207,10 +207,20 @@ import Aside from './components/Aside.vue'
.content {
height: 100%;
overflow-y: scroll;
background-color: var(--kungalgame-trans-white-2);
border: 1px solid var(--kungalgame-blue-4);
border-radius: 7px;
display: flex;
box-shadow: var(--shadow);
&::-webkit-scrollbar {
display: inline;
width: 4px;
height: 0;
}
&:hover::-webkit-scrollbar-thumb {
background: var(--kungalgame-blue-4);
border-radius: 2px;
}
}
/* 文章区距离侧边的距离 */
.article {

21
src/views/kungalgamer/content/Topic.vue
View file

@ -20,17 +20,14 @@ import SingleTopic from '../components/SingleTopic.vue'
flex-direction: column;
/* 溢出显示滚动条 */
overflow-y: scroll;
}
/* 滚动条的样式 */
.article::-webkit-scrollbar {
display: inline;
width: 4px;
height: 0;
background-color: var(--kungalgame-red-2);
border-radius: 2px;
}
.article::-webkit-scrollbar-thumb {
background: var(--kungalgame-blue-4);
border-radius: 2px;
&::-webkit-scrollbar {
display: inline;
width: 4px;
height: 0;
}
&::-webkit-scrollbar-thumb {
background: var(--kungalgame-blue-4);
border-radius: 2px;
}
}
</style>

2
src/views/non-moe/NonMoe.vue
View file

@ -102,8 +102,6 @@ import KUNGalgameFooter from '@/components/KUNGalgameFooter.vue'
display: inline;
width: 4px;
height: 0;
background-color: var(--kungalgame-red-2);
border-radius: 2px;
}
&::-webkit-scrollbar-thumb {
background: var(--kungalgame-blue-4);

21
src/views/ranking/components/Form.vue
View file

@ -80,17 +80,14 @@ import KUNgalgamer from './KUNGalgamer.vue'
flex-direction: column;
margin-right: 10px;
overflow-y: scroll;
}
/* 滚动条的样式 */
.kungalgamer-container::-webkit-scrollbar {
display: inline;
width: 4px;
height: 0;
background-color: var(--kungalgame-red-2);
border-radius: 2px;
}
.kungalgamer-container::-webkit-scrollbar-thumb {
background: var(--kungalgame-blue-4);
border-radius: 2px;
&::-webkit-scrollbar {
display: inline;
width: 4px;
height: 0;
}
&::-webkit-scrollbar-thumb {
background: var(--kungalgame-blue-4);
border-radius: 2px;
}
}
</style>

2
src/views/ranking/components/Temp.vue
View file

@ -83,8 +83,6 @@ import Topic from './Topic.vue'
display: inline;
width: 4px;
height: 0;
background-color: var(--kungalgame-red-2);
border-radius: 2px;
}
.topic-container::-webkit-scrollbar-thumb {
background: var(--kungalgame-blue-4);

21
src/views/update-log/components/History.vue
View file

@ -26,17 +26,14 @@ import SingleHistory from './SingleLog.vue'
flex-direction: column;
/* y 轴溢出滚动 */
overflow-y: scroll;
}
/* 帖子区滚动条 */
.history-list::-webkit-scrollbar {
display: inline;
width: 4px;
height: 0;
background-color: var(--kungalgame-red-2);
border-radius: 2px;
}
.history-list::-webkit-scrollbar-thumb {
background: var(--kungalgame-blue-4);
border-radius: 2px;
&::-webkit-scrollbar {
display: inline;
width: 4px;
height: 0;
}
&::-webkit-scrollbar-thumb {
background: var(--kungalgame-blue-4);
border-radius: 2px;
}
}
</style>