Merge pull request #2757 from timongh/fix_nav_bar_home

fix: 修复 customNavbar 组件的“主页”弹出窗在小分辨下的显示异常。(fix #2610)
This commit is contained in:
Grant Howard 2021-12-24 20:20:46 +08:00 committed by GitHub
commit 9af8066737
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23

View File

@ -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>