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>} </Tabs>}
/> />
<div style={{margin: 24}}> <div className={'page-content'}>
<Card bordered={false}> <Card bordered={false}>
{(get(items, [currentTabIndex, 'views'])||[]).map(view => { {(get(items, [currentTabIndex, 'views'])||[]).map(view => {
let viewName: string; let viewName: string;

View File

@ -65,3 +65,10 @@ body.collapsed {
width: 100%; 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) { @media only screen and (max-width: 800px) {
.page-content { #content .page-content {
margin: 0px; margin: 0px;
margin-top: 1px; margin-top: 1px;
} }