lisang
/
vuepress-theme-vdoing
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fix: 微调分类栏UI样式

This commit is contained in:
xugaoyi 2022-08-19 17:05:35 +08:00
parent d1876d35d6
commit a2b103c239
2 changed files with 12 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
vdoing/components/CategoriesBar.vue
View File

@ -68,7 +68,7 @@ export default {
margin-top 0.6rem margin-top 0.6rem
a a
display block display block
padding 8px 0.95rem 7px 0.95rem padding 8px 2.4rem 7px 0.95rem
color var(--textColor) color var(--textColor)
opacity 0.8 opacity 0.8
font-size 0.95rem font-size 0.95rem
@ -91,7 +91,7 @@ export default {
span span
opacity 0.8 opacity 0.8
span span
float right // float right
background-color var(--textColor) background-color var(--textColor)
color var(--mainBg) color var(--mainBg)
border-radius 8px border-radius 8px
@ -99,10 +99,13 @@ export default {
min-width 1rem min-width 1rem
height 1rem height 1rem
line-height 1rem line-height 1rem
font-size 0.6rem font-size 12px
text-align center text-align center
opacity 0.6 opacity 0.6
transition opacity 0.3s transition opacity 0.3s
position absolute
right 0.95rem
top 8px
&.active &.active
background $accentColor background $accentColor
color var(--mainBg) color var(--mainBg)

6
vdoing/components/CategoriesPage.vue
View File

@ -99,12 +99,16 @@ export default {
@media (max-width $MQMobile) @media (max-width $MQMobile)
display none display none
.categories .categories
padding-right 0.5rem // padding-right 0.3rem
max-height calc(100vh - 14rem) max-height calc(100vh - 14rem)
min-height 2.2rem min-height 2.2rem
overflow-y auto overflow-y auto
transition all 0.2s transition all 0.2s
position relative position relative
a
padding-right 1.8rem
span
right 0.4rem
&::-webkit-scrollbar-track-piece &::-webkit-scrollbar-track-piece
background-color rgba(0, 0, 0, 0.05) background-color rgba(0, 0, 0, 0.05)
&::-webkit-scrollbar-thumb:vertical &::-webkit-scrollbar-thumb:vertical