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 {
|
||||
max-height: 75vh;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
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 {
|
||||
border-radius: 8px;
|
||||
@ -137,10 +146,5 @@ export default Vue.extend({
|
||||
font-size: 14px;
|
||||
}
|
||||
}
|
||||
@media screen and (max-height: 600px) {
|
||||
& {
|
||||
width: 450px;
|
||||
}
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
||||
Loading…
Reference in New Issue
Block a user