style: fix some responsive styling

This commit is contained in:
chenos 2021-03-22 22:28:07 +08:00
parent 349c9030d2
commit e4840f9b76
3 changed files with 9 additions and 2 deletions

View File

@ -80,7 +80,7 @@ export function DetailsPage(props) {
))}
</Tabs>}
/>
<div style={{margin: 24}}>
<div className={'page-content'}>
<Card bordered={false}>
{(get(items, [currentTabIndex, 'views'])||[]).map(view => {
let viewName: string;

View File

@ -64,4 +64,11 @@ body.collapsed {
left: 0;
width: 100%;
}
}
@media only screen and (max-width: 800px) {
.details-page {
left: 0;
width: 100%;
}
}

View File

@ -13,7 +13,7 @@
}
@media only screen and (max-width: 800px) {
.page-content {
#content .page-content {
margin: 0px;
margin-top: 1px;
}