mirror of
https://github.com/the1812/Bilibili-Evolved.git
synced 2025-11-04 21:22:45 +08:00
Merge pull request #2757 from timongh/fix_nav_bar_home
fix: 修复 customNavbar 组件的“主页”弹出窗在小分辨下的显示异常。(fix #2610)
This commit is contained in:
commit
9af8066737
@ -76,9 +76,18 @@ export default Vue.extend({
|
|||||||
.custom-navbar .home-popup {
|
.custom-navbar .home-popup {
|
||||||
max-height: 75vh;
|
max-height: 75vh;
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
|
||||||
flex-wrap: wrap;
|
flex-wrap: wrap;
|
||||||
width: 300px;
|
|
||||||
|
// flex 布局纵向排列换行无法撑开父元素的水平长度(浏览器 bug),用此方式绕过
|
||||||
|
// 相关链接:
|
||||||
|
// 1. https://www.cnblogs.com/ccti7/p/14687477.html
|
||||||
|
// 2. https://stackoverflow.com/a/41209546/13860169
|
||||||
|
// 3. https://stackoverflow.com/a/33899301/13860169
|
||||||
|
flex-direction: row;
|
||||||
|
writing-mode: vertical-lr;
|
||||||
|
&>* {
|
||||||
|
writing-mode: horizontal-tb
|
||||||
|
}
|
||||||
|
|
||||||
.category-item {
|
.category-item {
|
||||||
border-radius: 8px;
|
border-radius: 8px;
|
||||||
@ -137,10 +146,5 @@ export default Vue.extend({
|
|||||||
font-size: 14px;
|
font-size: 14px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@media screen and (max-height: 600px) {
|
|
||||||
& {
|
|
||||||
width: 450px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
|
|||||||
Loading…
Reference in New Issue
Block a user