xinyin025/new-api
1
0
Fork 0
mirror of https://github.com/linux-do/new-api.git synced 2025-09-18 16:36:37 +08:00
Code Issues Actions Packages Projects Releases Wiki Activity

适配移动端

Browse Source
This commit is contained in:
CaIon 2023-11-25 17:30:46 +08:00
parent 3121afd2e0
commit 4f09b3c7ce
2 changed files with 17 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
web/src/components/SiderBar.js
View File

@ -95,7 +95,7 @@ let headerButtons = [
// }
];
const HeaderBar = () => {
const SiderBar = () => {
const [userState, userDispatch] = useContext(UserContext);
let navigate = useNavigate();
const [selectedKeys, setSelectedKeys] = useState(['home']);
@ -119,6 +119,7 @@ const HeaderBar = () => {
<Nav
// mode={'horizontal'}
// bodyStyle={{ height: 100 }}
defaultIsCollapsed={isMobile()}
selectedKeys={selectedKeys}
renderWrapper={({itemElement, isSubNav, isInSubNav, props}) => {
const routerMap = {
@ -166,4 +167,4 @@ const HeaderBar = () => {
);
};
export default HeaderBar;
export default SiderBar;

14
web/src/index.css
View File

@ -15,6 +15,20 @@ body {
height: 100%;
}
@media only screen and (max-width: 767px) {
.semi-table-tbody, .semi-table-row, .semi-table-row-cell {
display: block!important;
width: auto!important;
padding: 2px!important;
}
.semi-table-row-cell {
border-bottom: 0!important;
}
.semi-table-tbody>.semi-table-row {
border-bottom: 1px solid rgba(0,0,0,.1);
}
}
.semi-layout {
height: 100%;
}