diff --git a/stash-web/src/App.css b/stash-web/src/App.css index 990d891..513c792 100644 --- a/stash-web/src/App.css +++ b/stash-web/src/App.css @@ -860,11 +860,6 @@ } @media (max-width: 820px) { - /* 手机上侧栏整体收起,分组导航改由页头的菜单按钮打开抽屉 */ - #page-scroll > aside { - display: none; - } - /* 手机上页头只留品牌 + 操作图标:跑马灯放不下,会盖到下面的搜索条上 */ .header-ticker-slot { display: none; @@ -1650,8 +1645,12 @@ html.theme-transition .site-background { } } -@media (max-width: 820px) { - /* 手机上只留导航卡,单列铺开 */ +/* 手机(≤640)才收起侧栏:平板、分屏窗口都保留侧栏卡片 */ +@media (max-width: 640px) { + #page-scroll > aside { + display: none; + } + #page-scroll > aside .sidebar-home { display: block; } @@ -1717,7 +1716,7 @@ html.theme-transition .site-background { } } -@media (max-width: 820px) { +@media (max-width: 640px) { /* 手机页头才显示菜单按钮(必须写在上面的 display: none 之后) */ .header-nav-toggle { display: inline-flex;