style: fix some responsive styling
This commit is contained in:
parent
349c9030d2
commit
e4840f9b76
@ -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;
|
||||
|
@ -65,3 +65,10 @@ body.collapsed {
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
@media only screen and (max-width: 800px) {
|
||||
.details-page {
|
||||
left: 0;
|
||||
width: 100%;
|
||||
}
|
||||
}
|
@ -13,7 +13,7 @@
|
||||
}
|
||||
|
||||
@media only screen and (max-width: 800px) {
|
||||
.page-content {
|
||||
#content .page-content {
|
||||
margin: 0px;
|
||||
margin-top: 1px;
|
||||
}
|
||||
|
Loading…
Reference in New Issue
Block a user